bootstrapタブのactiveをコードから切り替えたい

ruby on railsチュートリアルを終えた程度の初心者です。
フロントエンド側はさらに初心者です。

先日こちらでタブ切り替えの方法を教えていただきました。
呼び出し元によってタブのアクティブを変えたい

上記を実装しましたが

「タブの内容」は、正しく表示されるのですが、「タブ自体」はアクティブになりませんでした。

どちらを選んでも先頭のタブがアクティブ状態です。

分かる方教えて下さい。宜しくお願いします。

ビュー

<ul class="nav nav-tabs">
  <li class="active"><a href="#send-tab" data-toggle="tab">送ったリクエスト</a></li>
  <li><a href="#get-tab" data-toggle="tab">もらったリクエスト</a></li>

</ul>
<div class="tab-content">
  <div class="tab-pane<%= params[:tab_type] == 'get' ? ' active':'' %>" id="send-tab">
    <p>送ったリクエストの情報</p>
  </div>
  <div class="tab-pane<%= params[:tab_type] == 'send' ? ' active':'' %>" id="send-tab">
    <p>貰ったリクエストの情報</p>
  </div>

</div>

html

html
1<div class="tab-content">
2  <div class="tab-pane" id="send-tab">
3    <p>送ったリクエストの情報</p>
4  </div>
5  <div class="tab-pane active" id="get-tab">
6    <p>貰ったリクエストの情報</p>
7  </div>
8
9</div

【呼び出し元】

ruby
1<div class="col-sm-6">
2    <h2>リクエスト</h2>
3    <p><%= link_to "送ったリクエスト", reqs_path(tab_type: "send") %></p>
4    <p><%= link_to "もらったリクエスト", reqs_path(hoge: "get") %></p>
5  </div>

行動規範の内容に同意します

回答1件

ベストアンサー

そか、直すところが中途飯場でしたね、ごめんなさい。

<ul class="nav nav-tabs">
  <li class="active"><a href="#send-tab" data-toggle="tab">送ったリクエスト</a></li>
  <li><a href="#get-tab" data-toggle="tab">もらったリクエスト</a></li>

</ul>

この <li>にある class="active" を　<%= params[:hoge] == 1 ? で切り分けてつけるか付けないか決めてください

投稿2020/06/26 23:03