ページのナビゲーションとリフレッシュの間のナビゲーションメニューの状態を維持する方法

Question

laravelを使用してウェブサイトを開発しています。ウェブサイトの異なるページ間をナビゲートするためのサイドパネルがあります。一部のページは、アコーディオン（またはドロップダウン）でグループ化されています。アコーディオン内のオプションの1つをクリックすると、ページに移動しますが、アコーディオンはすぐに終了します。どのように私はそれを開いたままにするのですか？アコーディオンは、すべてのヘルプは高く評価され

<li class="treeview"> 
      <a href="#"> 
       <span>Group of pages</span> 
      <ul class="treeview-menu" 
       style="display: none;"> 
       <li> 
        <a href="{{ route('a-route') }}">Page 1</a> 
       </li> 
       <li> 
        <a href="{{ route('a-second-route') }}">Page 2</a> 
       </li> 
      </ul> 
</li> 

がいかにここ

です。

ps。 AdminLTEをテンプレートとして使用していると付け加えることは価値があるかもしれません。

Answer 1

li

<li class="treeview {{ ((Request::is('a-page')) || (Request::is('a-second-page')) ? 'active' : '') }}"> 
    <a href="#"> 
     <span>Group of pages</span> 
     <ul class="treeview-menu"> 
      <li class="{{ ((Request::is('a-page')) ? 'active' : '') }}"> 
       <a href="{{ url('a-page') }}">Page 1</a> 
      </li> 
      <li class="{{ ((Request::is('a-second-page')) ? 'active' : '') }}"> 
       <a href="{{ url('a-second-page') }}">Page 2</a> 
      </li> 
     </ul> 
</li> 

OR

<li class="treeview {{ ((Route::currentRouteName() == 'a-route') || (Route::currentRouteName() == 'a-second-route') ? 'active' : '') }}"> 
    <a href="#"> 
     <span>Group of pages</span> 
     <ul class="treeview-menu"> 
      <li class="{{ ((Route::currentRouteName() == 'a-route') ? 'active' : '') }}"> 
       <a href="{{ route('a-route') }}">Page 1</a> 
      </li> 
      <li class="{{ ((Route::currentRouteName() == 'a-second-route') ? 'active' : '') }}"> 
       <a href="{{ route('a-second-route') }}">Page 2</a> 
      </li> 
     </ul> 
</li> 

で Activeクラスを追加する必要があります