localStorage に保存して、次回の表示に使用する

タブやアコーディオンや、限られた視野の範囲で効率良く表示するコンテンツは、最後に表示したものを記憶しておくのが良いと思います。

物事を始めたり終えたりするのに、適当な時機

１本人が悪いことでないと確信してなされる犯罪

２《1から転じて》悪いことだとわかっていながら行われた犯罪や行為

◆犯罪というほど重大な行為でない場合にも用いる。2 の意はもともと誤用とされていたが、文化庁が発表した平成14年度「国語に関する世論調査」では、50パーセント以上の人が 1 ではなく 2 の意で用いると回答した。

<script>
$(function() {
        var target_tab = 0;
        if ( typeof(localStorage["old_active"]) != 'undefined' ) {
                target_tab = localStorage["old_active"];
        }
        $( "#mytabs" ).tabs({
                active: target_tab,
                activate: function( event, ui ) {
                        localStorage["old_active"] = $( this ).tabs( "option", "active" );
                }
        });
});
</script>
 
<div id="mytabs">
 
        <ul>
                <li><a href="#tabs-1">潮時</a></li>
                <li><a href="#tabs-2">確信犯</a></li>
                <li><a href="#tabs-3">おもむろに</a></li>
        </ul>
        <div id="tabs-1">
物事を始めたり終えたりするのに、適当な時機
        </div>
        <div id="tabs-2">
<p>１ 本人が悪いことでないと確信してなされる犯罪</p>
<p>２ 《1から転じて》悪いことだとわかっていながら行われた犯罪や行為</p>
<p>◆犯罪というほど重大な行為でない場合にも用いる。2 の意はもともと誤用とされていたが、文化庁が発表した平成14年度「国語に関する世論調査」では、50パーセント以上の人が 1 ではなく 2 の意で用いると回答した。</p>
        </div>
        <div id="tabs-3">
【徐に】落ち着いて、ゆっくりと行動するさま
        </div>
</div>

jQuery 部分は全て Google のホスティングを使用しています。