Question

求助如何用JS实现折叠菜单功能

已有html菜单结构如下：

<div class=“oe_secondary_menu”>
<div class="oe_secondary_menu_section">
管理文件体系

</div>
<ul class="oe_secondary_submenu">
<li style="cursor: default; list-style-image: none;" class>
<a href="#menu_id="162&action=173" class="oe_menu_leaf" data-menu="162" data-action-model="ir.actions.client" data-action-id="173">
<span class="oe_menu_text">
设备维护

</span>

</a>

</li>

</ul>

</div>

请问如何实现隐藏设备维护二级菜单，点击“管理文件体系”展开二级菜单，再点击闭合。最好可以动态的展开菜单，管理文件体系这一级菜单前面能不能加一个QQ分组那个样子的小箭头，闭合指向右面，展开指向下面。
此菜单是openerp中的左侧二级菜单的机构，请大神指导啊，

Answer 1

最简单的方法就是把二级菜单的样式设置为：

.oe_secondary_submenu {display:none;}

然后在点击的时候显示二级菜单：

$(".oe_secondary_submenu").data("onShow")=false;    //一开始状态为隐藏
$(".oe_secondary_menu_section").click(function(){
    if($(".oe_secondary_submenu").data("onShow")){  //切换二级菜单的同时改变状态
       $(".oe_secondary_submenu").hide();
       $(".oe_secondary_submenu").data("onShow",false);
    }else{
       $(".oe_secondary_submenu").show();
       $(".oe_secondary_submenu").data("onShow",true);
    }
});

复杂一点的话可以用各种插件

Answer 2

so easy,搜一个插件就行了。