html - 相対タブ インデックス

Question

ナビゲーションでタブ インデックスを使用して、ユーザーがそのコンテンツをタブで移動できるようにしています。私が抱えている問題は、モーダルを開く 3 番目と 4 番目 (6 つのうち) です。モーダルが開いたら、モーダル内のフィールドにアクセスするには、ユーザーは残りのナビゲーションをタブで移動する必要があります。モーダルが閉じられるまでナビゲーション要素に戻るのを止めないのであれば、ナビゲーションに戻る前にモーダルのフォーム/要素にすべてのタブをキャプチャさせたいと思います。JavaScriptを使用せずに、次のタブを強制的にモーダルの最初のフィールドにジャンプさせる簡単な方法はありますか? とてもシンプルに思えますが、何かが足りないと思います。

前もって感謝します。

<nav>
    <a tabindex="1" href="#">A</a>
    <a tabindex="2" href="#">A</a>
    <a tabindex="3" href="#" onclick="$('.b').show();">A</a>
    <a tabindex="4" href="#">A</a>
    <a tabindex="5" href="#">A</a>
    <a tabindex="6" href="#">A</a>
    <a tabindex="7" href="#">A</a>
</nav>

<a tabindex="3" href="#" class="b" >B</a>
<a tabindex="4" href="#" class="b" >B</a>
<a tabindex="5" href="#" class="b" >B</a>
<a tabindex="6" href="#" class="b" >B</a>

これは、私がやろうとしていることの小さな非動作例です: http://jsfiddle.net/jeffpowrs/KgHtg/1/