javascript - 关于菜单隐藏的问题

问题描述

问 题

是这样子的，我做一个菜单，如下代码：

<nav>
<ul class="memu_ul">
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li>
        <ul class="submenu">
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
     </li>
</ul>
</nav>

li标签里面是a连接。我想点击第五个li的时候隐藏和显示子菜单，这个功能我能用toggle做到，但是当我想点击.submenu里面的li的时候，这个菜单一直都是显示的，却做不到。请问怎么才能做到这个功能。是用jquery的。多谢大家了。

解决方案

$('.memu_ul').find('li:eq(4)').on('click',function(){
    $('.submenu').toggle();

})
$('.submenu').find('li').on('click',function(e){
    e.stopPropagation();
})

这篇关于javascript - 关于菜单隐藏的问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！