toggle

<script language="javascript">

function toggle_display(obj){

 var bar1 = document.getElementById("bar1");

 var div1 = document.getElementById(obj);

 if(div1.style.display=='none'){

  div1.style.display ='block';

  bar1.innerHTML ='ㅡ';

 }else {

  div1.style.diplay ='none';

  bar1.innerHTML ='＞';

}

}

</script>

 

<dl>
<dt onclick="toggle_display('more')" style="cursor:pointer"><?=$_cls->getAdminTitleHeader2()?><span style="float:left;color:#ffffff">연동몰 주문관리</span><span id="bar1">＞</span><?=$_cls->getAdminTitleFooter2()?></dt>
<div id="more">

<dd><img src=""><a href='' target=''>메뉴카테고리</a></dd>

<dd><img src=""><a href='' target=''>메뉴카테고리</a></dd>

<dd><img src=""><a href='' target=''>메뉴카테고리</a></dd>

<dd><img src=""><a href='' target=''>메뉴카테고리</a></dd>

</div>

</dl>

 

두 개 이상이면 작동 안 해...