如何禁用Collpasible来自子菜单类Bootstrap

Question

我有像这样的引导脚本

 <script>
  $(".submenu > li > a.menu").on("click",function(e){
        var current=$(this).next();
        current.toggle();
        e.stopPropagation();
    });
    $(".submenu > a.menu").on("click", function(e){
        var parent = $(this).parent('.submenu');
        parent.toggleClass('open');
    });
    $(".submenu > a").on("click",function(e){
        $(".submenu").removeClass('open');
    });
</script>


<li class="submenu"> <a href="#"><i class="icon icon-signal"></i> <span>Chart</span> 
       <!--<span class="label label-important">3</span>--></a>
     <!--  <a class="trigger">drop 1<span class="ion-ios7-arrow-right submenu-arrow"></span></a>-->
      <ul>
        <li><a class='menu' href='?IDNE=all'>Request Software / Department</a></li>
    <li><a class='menu' href='?IDNE=rnd'>RND</a></li>
    <li><a class='menu' href='?IDNE=maint'>MAINTENANCE</a></li>
    <li><a href='?IDNE=sales_log'>SALES LOGISTIC</a></li>
    <li><a href='?IDNE=hr_sales'>HR SALES</a></li>

      </ul>
    </li>

它的工作，但在Submenu内点击链接后，它会崩溃。 我需要的是当我的链接处于活动状态时我可以停止折叠。

我该怎么做？

任何人都可以解决这个问题吗？

提前致谢

Answer 1

我找到了。

非常简单，

仅在子菜单

之后添加open class

<li class="submenu open">

并打开。