Question

请问上拉菜单用js怎么实现效果图如下：





Answer 1

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

1：oe_secondary_submenu {display:none;}

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

$(".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

在相应的位置做个div，默认是隐藏，鼠标移动到就触发成显示，还要控制位置层级

追问

主要是控制层级的位置不知道怎么实现，能不能给个简单的代码提示？