0

特定のアコーディオンを展開するJSを見つけることができました...

$(document).ready(function () {
location.hash && $(location.hash + '.collapse').collapse('show');
});

または、特定のタブを開くには...

var gotoHashTab = function (customHash) {
 var hash = customHash || location.hash;
 var hashPieces = hash.split('?'),
  activeTab = $('[href=' + hashPieces[0] + ']');
  activeTab && activeTab.tab('show');
}

// onready go to the tab requested in the page hash
gotoHashTab();

// when the nav item is selected update the page hash
$('.nav a').on('shown', function (e) {
    window.location.hash = e.target.hash;
})

// when a link within a tab is clicked, go to the tab requested
$('.tab-pane a').click(function (event) {
    if (event.target.hash) {
        gotoHashTab(event.target.hash);
    }
});

次のようなリンクまたは URL とともに使用されます...

http://mysite.com/page#tab_or_accordion_id

私ができるようにしたいのは、特定のタブ ID を開いて、特定のアコーディオン ID を展開することです。これを使用して、特定の分類された (タブ付きの) FAQ への記事内ジャンプを作成したいと思います。これらをつなぎ合わせて機能させる方法がわかりません。jQuery と Bootstrap を使用するのは初めてだと考えてください。どんな助けでも大歓迎です。

4

0 に答える 0