펼침 숨김 매뉴가 필요해서 네이버 지식검색에서 쿠키값 갖구 있는 녀석을

 

가져다가 사이트에 적용시키려고 하는데.

 

쿠키값을 갖구 ? 잇어서.. 맘에 드는 소스 같아요..

 

첨부한 이미지 1번에서 우측의 글자를 누르면 펼치거나 닫거나 그럽니다.

 

첨부한 이미지 2번은 현재 적용상 닫힌 상태입니다.

 

여기서 우측 글자를 눌러서 일부 테이블이 닫길때.

 

첨부 이미지3번 처럼 전혀 상관없던 제 3의 인물이 등장 하게 하는 방안이 있으면

 

한수 가르쳐 주셔요..^^

 

적용하려고 하는 주소는 여 기  입니다.

 

 

이하의 내용은 네이버 지식에서 가져온 소스 입니다.

 

 

<style type="text/css">
.menutitle{
    cursor:pointer;
    margin-bottom: 5px;
    color:#000000;
    width:140px;
    padding:2px;
    text-align:center;
    font-weight:bold;
}

.submenu{
    margin-bottom: 0.5em;
}
</style>

<script type="text/javascript">
var persistmenu="yes"
var persisttype="sitewide"

if (document.getElementById){
document.write('<style type="text/css">\n')
document.write('.submenu{display: none;}\n')
document.write('</style>\n')
}

function SwitchMenu(obj){
    if(document.getElementById){
    var el = document.getElementById(obj);
    var ar = document.getElementById("masterdiv").getElementsByTagName("span");
        if(el.style.display != "block"){
            for (var i=0; i<ar.length; i++){
                if (ar[i].className=="submenu")
                ar[i].style.display = "none";
            }
            el.style.display = "block";
        }else{
            el.style.display = "none";
        }
    }
}

function get_cookie(Name) {
    var search = Name + "="
    var returnvalue = "";
    if (document.cookie.length > 0) {
        offset = document.cookie.indexOf(search)
    if (offset != -1) {
        offset += search.length
        end = document.cookie.indexOf(";", offset);
    if (end == -1) end = document.cookie.length;
        returnvalue=unescape(document.cookie.substring(offset, end))
    }
}
return returnvalue;
}

function onloadfunction(){
    if (persistmenu=="yes"){
    var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname
    var cookievalue=get_cookie(cookiename)
    if (cookievalue!="")
        document.getElementById(cookievalue).style.display="block"
    }
}

function savemenustate(){
    var inc=1, blockid=""
    while (document.getElementById("sub"+inc)){
    if (document.getElementById("sub"+inc).style.display=="block"){
        blockid="sub"+inc
    break
    }
    inc++
}
    var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname
    var cookievalue=(persisttype=="sitewide")? blockid+";path=/" : blockid
    document.cookie=cookiename+"="+cookievalue
}

if (window.addEventListener)
    window.addEventListener("load", onloadfunction, false)
else if (window.attachEvent)
    window.attachEvent("onload", onloadfunction)
else if (document.getElementById)
    window.onload=onloadfunction

if (persistmenu=="yes" && document.getElementById)
window.onunload=savemenustate

</script>

<div id="masterdiv">
    <div class="menutitle" onclick="SwitchMenu('sub1')"><img src="

    <div class="menutitle" onclick="SwitchMenu('sub2')"><img src="

    <div class="menutitle" onclick="SwitchMenu('sub3')">MENU 3</div>
    <span class="submenu" id="sub3">
        - <A HREF="#">SUBMENU 3-1</A><br>
        - <A HREF="#">SUBMENU 3-2</A><br>
        - <A HREF="#">SUBMENU 3-3</A><br>
        - <A HREF="#">SUBMENU 3-4</A><br>
    </span>
   
    <div class="menutitle" onclick="SwitchMenu('sub4')">MENU 4</div>
    <span class="submenu" id="sub4">
        - <A HREF="#">SUBMENU 4-1</A><br>
        - <A HREF="#">SUBMENU 4-2</A><br>
        - <A HREF="#">SUBMENU 4-3</A><br>
        - <A HREF="#">SUBMENU 4-4</A><br>
    </span>

    <div class="menutitle" onclick="SwitchMenu('sub5')">MENU 5</div>
    <span class="submenu" id="sub5">
        - <A HREF="#">SUBMENU 5-1</A><br>
        - <A HREF="#">SUBMENU 5-2</A><br>
        - <A HREF="#">SUBMENU 5-3</A><br>
        - <A HREF="#">SUBMENU 5-4</A><br>
    </span>
</div>