.js_content{ display: none; } .js_content.active{ display: block; }
タブ01 タブ02 タブ03
タブ01と紐づいているよ
タブ02と紐づいているよ
タブ03と紐づいているよ

 

読み直してみたりして試してね

jQuery(function($){ $('#js_tabBtn .select_btn').on('click', function(){ if($(this).not('active')){ // activeクラスを持たないタブが押された時の記述 $(this).addClass('active').siblings('a').removeClass('active'); var index = $('#js_tabBtn .select_btn').index(this); $('.js_content').eq(index).addClass('active').siblings('div').removeClass('active'); $.cookie('activecookie',$(this).attr("href"), { expires: 30 }); console.log($(this).attr("href")); } }); // クッキー周りの設定 var CookieName = $.cookie('activecookie'); if (CookieName != null) { // クッキーを持っている時の記述 $('#js_tabBtn .select_btn').removeClass('active'); $("a[href="+'CookieName'+"]").addClass('active'); $(CookieName).addClass('active').siblings('div').removeClass('active'); } });
【js】cookieを使って最後に開いたタブを開いた状態にする
2019/05/18