2015/07/10

プルダウンメニュー

◆html要素◆
<div>+<a href="#" onclick="toggle(this);return false">Crick here</a>
入れたい要素
</div>
------------
◆JavaScript要素◆
<script type="text/javascript">
<!--
for(var c=document.getElementsByTagName("div"),i=0,n=c.length;i<n;++i){
if(c.item(i).className=="toggable")c.item(i).style.display="none";
}
function toggle(e){
with(e.parentNode.getElementsByTagName('div').item(0).style)
{e.parentNode.firstChild.nodeValue=display=='none'?'-':'+';display=display=='none'?'block':'none';
}
}
//-->
</script>

*例:右部のプルダウンメニューで使用

0 コメント:

コメントを投稿