Как сделать так, чтобы при навигации по ссылкам сохранять активный аккордион для панели, где ссылка открыта?

Question

Существует панель аккордеона, где есть ссылки на каждой панели. Как сделать так, чтобы при навигации по ссылкам сохранить активный аккордион для панели, где ссылка открыта:

@if($menuLeft)
    <div class="panel-group" id="accordion">
    @foreach($menuLeft->roots() as $index => $item)
      <div class="panel panel-default">
        <div class="panel-heading">
          <h4 class="panel-title">
            <a data-toggle="collapse" data-parent="#accordion" href="#{{$index}}">
            {{ $item->title }}
            </a>
          </h4>
        </div>
        @if($item->hasChildren())
        <div id="{{$index}}" class="panel-collapse collapse">
            @foreach($item->children() as $child)
                <div class="panel-body">
                    <a href="{{ $child->url() }}">
                        {{ $child->title }}
                    </a>
                </div>
            @endforeach
        </div>
        @else
        <div id="{{$index}}" class="panel-collapse collapse {{!$index ? 'in' : ''}}">
            <div class="panel-body">{{ $item->desc }}
                <a href="{{ $item->url() }}">...mai mult...</a>
            </div>
        </div>
        @endif
      </div>
    @endforeach

      <br>
      <button class="btn btn-primary" type="submit">TEST - cum cheltui banii?</button>
    </div>
@endif