超简单的JS收缩菜单_PHP开发|软件开发|北京清如许

超简单的JS收缩菜单

超简单的JS收缩菜单
很多后台需要点击收缩展开的功能。下面，是我自己写的。
先引入 jquery
<script language="javascript" src="js/jquery-1.4.2.min.js"></script>
<script language="javascript">
function showmenu(mnode){
if($("#"+mnode).next().attr("style")=="" || $("#"+mnode).next().attr("style")==null){
$("#"+mnode).next().attr("style","display:none");
}
else
{
$("#"+mnode).next().attr("style","");
}
}
</script>

这个是根据 div 来判断的,如下ecshop后台代码

<div id="menu-list">
{foreach from=$menus item=menu key=k}
{if $menu.action}

{else}

   <div class="g-level-1 g-level-1-withchild" id="m{$k}" onclick="showmenu('m{$k}')" ><img toggle="m_d_data" class="tnode_handle"
src="images/transparent.gif"><span class="title">{$menu.label}</span></div>
    {if $menu.children}
    <div id="m_d_data" class="g-level-2">
    {foreach from=$menu.children item=child}
     <a href="{$child.action}" target="main-frame">{$child.label}</a>
    {/foreach}
    </div>
    {/if}

{/if}
{/foreach}

</div>