原生js实现菜单折叠的效果，一个bug不知道 如何解决

Question

我的目的是点击商品管理或文章管理，折叠或者关闭。但是现在有个bug当我点击选项里的子选项（比如文章分类或文章列表），照样会折叠。贴上代码帮忙分析下

<ul><li class="explode" key="" name="menu" onclick = "toggleMenu(this)">
    文章管理        <ul style="display: none;">
          <li class="menu-item"><a href="javascript:void(0);" onmousedown="showConent('articlecat.php')">文章分类</a></li>
          <li class="menu-item"><a href="javascript:void(0);" onmousedown="showConent('article.php')">文章列表</a></li>    
        </ul>
      </li></ul><script>function toggleMenu(e) {  // console.log(e.childNodes[1]);
  e.childNodes[1].style.display = e.childNodes[1].style.display=='block'?'none':'block';

}</script>