別ページからのタブ切り替えの表示について
こちらのサイト(http://www.finefinefine.jp/web/kiji422/)を参考にタブの切り替えをしています。
ページAからページBのタブのコンテンツにダイレクトに飛べるように以下のスクリプトを設定しています。
ページAからボタンをクリックした時に、
全てのタブが開いている状態のパターンも作成したいと思っているのですが
やり方がわからず悩んでいます。
どなたかお分かりの方がおられましたら
どうかご教授頂けないでしょうか。
■ページAにリンクを設置
<a href="b.html?no=0">ページBのタブ1にジャンプ</a>
<a href="b.html?no=1">ページBのタブ2にジャンプ</a>
↓これを追加したいです。
<a href="">ページBのコンテンツ全て表示</a>
ページB(タブページ)に以下のスクリプトを設置
■java script
$(function() {
var n = window.location.href.slice(window.location.href.indexOf(‘?’) + 4);
$(“.content_wrap”).hide();
$(“.content_wrap”).eq(n).fadeIn();
$(“.tab li”).removeClass(‘select’);
$(“.tab li”).eq(n).addClass(‘select’)
$(“.tab li”).click(function() {
var num = $(“.tab li”).index(this);
$(“.content_wrap”).hide();
$(“.content_wrap”).eq(num).fadeIn();
$(“.tab li”).removeClass(‘select’);
$(this).addClass(‘select’)
});
});
$(function() {
var n = window.location.href.slice(window.location.href.indexOf(‘?’) + 4);
if(n.length < $(".content_wrap").size()) {
var p = $(".content_wrap").eq(n).offset().top;
$('html,body').animate({ scrollTop: p }, 'slow');
return false;
}
});
どうぞ宜しくお願いいたします。
お礼
ありがとうございます、 はい、そんなのです(^^) ただ、これクリックしても切り替わらない?? 上のタブをクリックすると、 黄色のページや赤のページに切り替わるように したいのです。