idで表示を切り替えるタブの「初期表示タブ」をリンクによって切り替えたい

Question

##現状
現在、JavaScriptを使用して、1つのビュー上でタブの選択によって画面を切り替えるという仕組みを作りました。
タブ自体は、idで振り分けた範囲を、タブ選択によって切り替え表示するといったものです。
idはそれぞれ「#todo」「#invoice」として分けています。
全体のURLとしては以下のようになります。
http://〜〜〜〜〜.amazonaws.com/user#todo
http://〜〜〜〜〜.amazonaws.com/user#invoice

現在のところ「#todo」をactive-btn指定しているため、初期表示は#todo側となっています。

##叶えたいこと
・他のビューから「<li><a href=”{{ url(‘/user#invoice’)}}”>クライアント一覧<i class=”material-icons left”>person</i></a></li>」といったリンク指定にした際に、タブが「#invoice」側を表示させた状態で画面遷移させたい。
・もしくは他に別ビューからactiveではない「#invoice」を初期表示させることができる操作があれば教えてほしい。

##コード
●user.blade.php（タブの切り替え表示を行うindexのようなものです。）

@extends('layouts.layout')
@section('title','ユーザー画面')
 @section('body')
    <!-- タブのボタン部分 -->
  <nav class="nav-extended">
    <div class="nav-wrapper center-align">
             <h2 class="brand-logo">Invoice&ToDo</h2>
    </div>
    <div class="nav-content">
      <ul class="tabs tabs-transparent">
        <li class="tab right"><a class="tab_btn is-active-btn tab" href="#todo">案件</a></li>
        <li class="tab right"><a class="tab_btn tab" href="#invoice">請求書</a></li>
      </ul>
    </div>
  </nav>
         <!-- タブのコンテンツ部分 -->
    <div class="tab_item is-active-item row" id="todo">
      <a href="#" data-target="slide-out" class="sidenav-trigger btn-floating"><i class="medium z-depth-1 material-icons">add</i></a>
      <!--案件のサイドメニュー-->
      <div class="col s0 l2">
        <ul id="slide-out" class="sidenav sidenav-fixed ">
          <li><a href="#">クライアント一覧<i class="material-icons left">person</i></a></li>
          <li><a href="#">案件カレンダー<i class="material-icons left">date_range</i></a></li>
          <li><a href="{{ url('/addClient')}}">クライアント追加<i class="material-icons left">add</i></a></li>
          <li><a href="{{ url('/addItem')}}">案件追加<i class="material-icons left">add</i></a></li>
        </ul>
      </div>
        <!--案件のコンテンツ-->
        <div class="container col s12 l10 card-panel light-blue accent-1">
          <h4 class="center-align">クライアント一覧</h4>
          <table class="clientList highlight centered">
            <thead>
              <tr>
                <th>クライアント名</th>
                <th>クライアント情報管理</th>
              </tr>
            </thead>
            <tbody>
              @foreach($list as $val)
              <tr>
                <td><a href="/items/{{ $val->id  }}">{{$val->client_name}}</a></td>
                <td><a href="/editClient/{{ $val->id  }}"><button type="button"class="btn-floating waves-effect blue btn-small"><i class="material-icons">mode_edit</i></button></a></td>
              </tr>
              @endforeach
            </tbody>
          </table>
        </div>
    </div>
           <div class="tab_item row" id="invoice">
      <!--請求書のサイドメニュー-->
      <div class="col s0 l2">
        <a href="#" data-target="slide-out2" class="sidenav-trigger btn-floating"><i class="medium z-depth-1 material-icons">add</i></a>
        <ul id="slide-out2" class="sidenav sidenav-fixed ">
          <li><a href="#">案件カレンダー<i class="material-icons left">date_range</i></a></li>
          <li><a href="{{ url('/editUser')}}">ユーザー情報管理<i class="material-icons left">person</i></a></li>
          <li><a href="{{ url('/checkClient')}}">請求書作成<i class="material-icons left">add</i></a></li>
        </ul>
      </div>
        <!--請求書のコンテンツ-->
        <div class="container col s12 offset-l3">
          <h2>請求書一覧</h2>
          <div class="collection invoiceList">
            @foreach($list as $val)
            <a href="/invoice/{{ $val->id }}" class="collection-item">{{$val->client_name}}</a>
            @endforeach
          </div>
        </div>
    </div>
@endsection

●他ビューのblade

@extends('layouts.layout')
@section('title','案件追加')
 @section('body')
    <!--サイドメニューここから-->
    <div class="row">
      <div class="col s0 l2">
        <ul id="slide-out" class="sidenav sidenav-fixed ">
          <li><a href="{{ url('/user#invoice')}}">クライアント一覧<i class="material-icons left">person</i></a></li>
          <li><a href="#">案件カレンダー<i class="material-icons left">date_range</i></a></li>
          <li><a href="{{ url('/editUser')}}">ユーザー情報管理<i class="material-icons left">person</i></a></li>
          <li><a href="{{ url('/addInvoice')}}">請求書作成<i class="material-icons left">add</i></a></li>
        </ul>
      </div>
    <!--サイドメニューここまで-->
      <div class="col s12 offset-l1 l8">
      <nav class="header">
          <a href="#" data-target="slide-out" class="sidenav-trigger btn-floating"><i class="medium z-depth-1 material-icons">add</i></a>
      <h2 class="center-align">請求書の追加</h2>
      </nav>
      {{Form::open(['url' => 'addNewInvoice'])}}
        {{ csrf_field() }}
          <div class="input-field col s12">
            {{Form::text('invoice_title', '',['class' => 'validate', 'id' => 'invoice_title'])}}
            {{Form::label('invoice_title','請求書のタイトル')}}
          </div>
          <div class="input-field col s12">
            {{Form::text('billing_name', $clientList->client_name,['class' => 'validate', 'id' => 'billing_name'])}}
            {{Form::label('billing_name','請求宛先名称')}}
          </div>
          <div class="input-field col s12">
            {{Form::text('billing_address', $clientList->client_address,['class' => 'validate', 'id' => 'billing_address'])}}
            {{Form::label('billing_address','請求先住所')}}
          </div>
          <div class="input-field col s12">
            {{Form::text('payment_day', '',['class' => 'datepicker', 'id' => 'payment_day'])}}
            {{Form::label('payment_day','支払い期限')}}
          </div>
          <div class="input-field col s12">
            {{Form::text('billing_day', '',['class' => 'datepicker', 'id' => 'billing_day'])}}
            {{Form::label('billing_day','支払い期限')}}
          </div>
          <div class="input-field col s12">
            @foreach($user_infoList as $user_info)
            {{Form::text('invoice_message', $user_info->billing_message,['class' => 'validate', 'id' => 'invoice_message'])}}
            @endforeach
            {{Form::label('invoice_message','請求書の備考欄')}}
          </div>
          {{Form::submit('請求書の追加', ['class' => 'waves-effect waves-light btn blue accent-1'])}}
          {{Form::hidden('subtotal', 0)}}
          {{Form::hidden('withholding_tax', 0)}}
          {{Form::hidden('tax_amount', 0)}}
          {{Form::hidden('sum_price', 0)}}
          {{Form::hidden('client_id', $id)}}
      {{Form::close()}}
      </div>
    </div>
@endsection

●user.bladeへのrouting

Route::get('/user', 'UserController@user');

Answer 1

せっかくのLaravelなのですからリンクで直接来る際は{{ url('/user/invoice')}}のようにリンク指定してルーティングで任意パラメータを指定してviewに渡し、view側でactive or inactiveを判断してクラスを付け替えてはいかがでしょうか。