
タブ切り替えの初期表示について、
http://oshiete.goo.ne.jp/qa/7730198.html?from=na …
http://www.finefinefine.jp/web/kiji422/
を参考に作成中です。
特定のページからリンクされた時のみタブ2を表示させて、
それ以外の時はタブ1を表示させたいです。
ですが、特定のページからリンクされた時にタブ2は表示できるのですが、
それ以外の時は<div class="content_wrap">内容</div>のところは何も表示されません。
どうしたら「それ以外の時はタブ1を表示」できますでしょうか。
------------------------------------------------------
●特定のページからのリンク
<a href="000.html?no=1"> </a>
●000.htmlのJavaScript
$(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('disnon');
$("#tab li").removeClass('select');
$(this).addClass('select')
});
});
●000.htmlのHTML
<div id="sample">
<ul id="tab">
<li>タブ1</li>
<li>タブ2</li>
</ul>
<div class="content_wrap">内容1</div>
<div class="content_wrap">内容2</div>
</div>
------------------------------------------------------
初歩的な事かもしれませんが、どうぞよろしくお願いいたします。
No.1ベストアンサー
- 回答日時:
こんなふうに考えてみてはいかがでしょうか。
初期設定の処理内で、
1)タブ開閉のしくみを設定(参考サイトと同じ)
2)ロケーションのクエリ部を調べて、タブ指定があればその数を取得
無ければ(又は無効なら)デフォルト番号(0とか1とか)にする
3)上記の番号のタブをスクリプトからクリックする
(最初だけフェードインをしないなら、直接、表示/非表示を設定)
ご回答ありがとうございました。
お礼が大変遅くなってしまい、誠に申し訳ございません。
結局JavaScriptにif文を書き足して、やりたいことが実現できました。
回答くださったようなことをやったのかもしれませんが、わかってなさすぎてそうなのかどうかもよくわかりません(汗
もうちょっと勉強したいと思います。
ありがとうございました!
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
jqueryのsortableで一部ソート...
-
div要素内の画像およびテキスト...
-
タブメニューを上下に設置
-
複数の画像をランダム(シャッ...
-
大量のチェックボックス状態取...
-
MAX関数を使ってからLEFT JOIN...
-
1枚の画像をクリックすると複数...
-
javascriptテキストBOX色を元に...
-
WEBページ立ち上げ時に1回のみ...
-
文字をクリックしたら別の文字...
-
クリックで色変更後に既に変更...
-
IFRAMEの表示/非表示を切り替え...
-
スクロール可能なチェックボックス
-
jQueryで同じクラス名のものを...
-
textareaに画像を表示したい
-
バッチファイルでカウントアッ...
-
画面が真っ白になるのはどうして?
-
<Div>の中の要素の数を調べる
-
1枚の画像をクリックして複数の...
-
JavaScript スライドの画像にリ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
jqueryのsortableで一部ソート...
-
どの<li><a> が押されたか判別...
-
同一ページ内で、任意の文字列...
-
タブ切り替えの初期表示について
-
jQueryスライドメニューの初歩...
-
jQueryのeqで最後からn番目以降...
-
javascriptでフォーカスを当て...
-
<li></li>の数を制限
-
【javascript で動的に a タグ...
-
JS <a></a>タグ内のリンク先ア...
-
『JavaScript Accordion』について
-
カレントページ aタグではなく...
-
jQueryプラグインのメガドロッ...
-
jQueryで記事を6列表示にした...
-
大至急!!HPビルダー16の専...
-
jquery 親要素以外の取得
-
下記のようにクリックすると、...
-
jQueryでネスト構造の<li>がク...
-
ページの上下に同じタブメニュ...
-
jQueryについて質問なのですが...
おすすめ情報