javascriptで制御されているタブパネルの初期表示を前ページからの条件指定で動的に変更したい

Bootstrap のタブナビゲーションで(というかよくあるjavascript制御のタブ表示)で別ページから表示したいタブの情報を渡すことは出来ないでしょうか？

ちょっと説明が下手かもしれなくて大変恐縮なのですが、
本来タブを選択して表示を切り替えるページに、前のページからタブのIDか何かを渡して最初から前のページで選択した条件に当てはまるタブに表示を切り替えたい
という質問なのですが、伝わりますでしょうか。

１ページ目
ボタンがいくつか並んでいる選択ページ
ここで情報を選択

A.htmlファイル

<p><a href="B.html">「あ」を見る</a><p>
<p><a href="B.html">「い」を見る</a><p>
<p><a href="B.html">「う」を見る</a><p>

２ページ目
タブで表示を切り替える情報ページ
Aで選択した情報を初期表示させたい

B.htmlファイル

<ul class="nav nav-tabs">
  <li class="active"><a href="#tab1">あ</a></li>
  <li><a href="#tab2">い</a></li>
  <li><a href="#tab3">う</a></li>
</ul>

<div class="tab-content">
  <div class="tab-pane active" id="tab1">Tab1 Content</div>
  <div class="tab-pane" id="tab2">Tab2 Content</div>
  <div class="tab-pane" id="tab3">Tab3 Content</div>
</div>

ちなみに使っているのはブートストラップのタブナビゲーションです。

私の知識ですと
B.htmlのタブはclass="activ"を付けると初期表示されるのでphpでAからBへ情報渡して、B.htmlの
<li>と<div>に全部ifを書く、といった方法しか思いつけません。
こんなしょぼくて面倒なやり方ではなくもうちょっとスマートなやり方があると思うのですが、ご存知の方いらしゃいましたらお願いいたします。

下記が私の知識の限界の解決策です。
A.html

<p><a href="B.html?a">「あ」を見る</a><p>
<p><a href="B.html?b">「い」を見る</a><p>
<p><a href="B.html?c">「う」を見る</a><p>

B.htmlファイル

<ul class="nav nav-tabs">
  <li <?php if(isset($_GET['a'])) { echo 'class="active"'; } ?>><a href="#tab1">あ</a></li>
  <li <?php if(isset($_GET['b'])) { echo 'class="active"'; } ?>><a href="#tab2">い</a></li>
  <li <?php if(isset($_GET['c'])) { echo 'class="active"'; } ?>><a href="#tab3">う</a></li>
</ul>

<div class="tab-content">
  <div class="tab-pane <?php if(isset($_GET['a'])) { echo 'active'; } ?>" id="tab1">Tab1 Content</div>
  <div class="tab-pane <?php if(isset($_GET['b'])) { echo 'active'; } ?>" id="tab2">Tab2 Content</div>
  <div class="tab-pane <?php if(isset($_GET['c'])) { echo 'active'; } ?>" id="tab3">Tab3 Content</div>
</div>