Как Disabled 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> 

свою работу, но после щелчка ссылки внутри подменю, он будет разрушаться. Что мне нужно, я могу остановить коллапс, когда активна моя ссылка.

Как я могу это сделать?

Любой может это исправить?

заранее спасибо

Answer 1

Я нашел его.

это очень просто,

только добавить открытый класс после подменю

<li class="submenu open"> 

и открытым.