<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>
두 개 이상이면 작동 안 해...
'코딩 관련' 카테고리의 다른 글
<details>자바스크립트 없이 더보기 구현하는 간편html</details> (0) | 2020.09.07 |
---|---|
toggle (0) | 2020.08.20 |
브라켓 설치 방법 (0) | 2020.05.22 |
css색상과 투명도 속성 (0) | 2020.05.15 |
display: flex 플렉스 이해하기 (0) | 2020.05.13 |
댓글