2回クリックするとブートストラップのサイドバーが閉じます

Question

私はthis公式のブートストラップダッシュボードテンプレートを使用しています。サイドバーのドロップダウンでサブアイテムをクリックすると、クリックされたWebページがロードされていますが、すべてのHTMLページに独自の（同じ）サイドバーがあるため、ドロップダウンメニューは閉じられます。私はこの問題を、サブページのサイドバーに "collapse in"パラメータを追加することで解決しました。それは正常に動作しますが、ドロップダウンメニューのクリックが既に開いているにもかかわらず、ドロップダウンリストを再び開くという問題につながります。だからあなたはそれを閉じるために2回クリックする必要があります。

誰でもこの問題を解決する方法を知っていますか、私の要件に合った良い方法がありますか？

ありがとうございました！

次のコードは、subpage1のサイドバーの始まりを説明します

<div class="collapse navbar-collapse navbar-ex1-collapse"> 
      <ul class="nav navbar-nav side-nav"> 
       <li> 
        <a href="index.html"><i class="fa fa-fw fa-dashboard"></i> Dashboard</a> 
       </li> 
       <li class="active"> 
        <a href="javascript:;" data-toggle="collapse" data-target="#item1"> Item A<i class="fa fa-fw fa-caret-down"></i></a> 
        <ul id="subitems" class="collapse in"> 
         <li class="active"> 
          <a href="#">SubItem1</a> 
         </li> 
         <li> 
          <a href="#">SubItem2</a> 
         </li> 

Answer 1

あなたがのsessionStorageまたはlocalStorageを

$(".subitems").on('shown.bs.collapse', function(){ 
     // Save in sessionStorage here 
}); 
$(".subitems").on('hidden.bs.collapse', function(){ 
     // Save in sessionStorage here 
}); 

と、使用中のドロップダウンの状態をSTORことができ、ページ間を移動しているので、以前に展開されたドロップダウンを展開するためにページが読み込まれたときにjavascriptを使用します。たとえば、

$('.subitems').collapse("show");