关于菜单隐藏的问题

Question

是这样子的，我做一个菜单，如下代码：<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的。多谢大家了。

Answer 1

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

    $('.submenu').toggle();

})

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

    e.stopPropagation();

})