如何在頁面導航和刷新之間保持導航菜單狀態

Question

我正在使用laravel開發一個網站。有一個側面板在網站的不同頁面之間進行瀏覽。有些頁面以手風琴（或下拉菜單）組合在一起。當我點擊手風琴內的其中一個選項時，它會導航到頁面，但手風琴會立即關閉。我如何保持它打開？

這裏是手風琴是如何

<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類