bootstarpのtabで、ページ内リンクで特定タブを表示させる

$(function() {
    $("a#link").click(function() {  //aタグをクリックしたら
        $("#tab li").removeClass('select'); // 全タブからselectクラスを一旦削除
        $("li.tab2").addClass('select'); //2番面のタグだけにselectを追加
        $(".content").addClass('disnon'); //各タブのコンテンツすべてをdisplay:none
        $(".content").eq(1).removeClass('disnon'); //2番目のコンテンツだけ、disnone削除=表示
    });
});

参考

タブの切替 | よく使うjQueryベースのスクリプト

スポンサーリンク

シェアする

フォローして更新を受け取る

スポンサーリンク