同じページに関連するコンテンツを表示するための複数のリンクがありますこれを使用したことを示します、
$("#option .link").click(function(){
Options=$("#option .link").index(this);
$("#content").hide();
$("#content:eq("+Options+")").show();
})
しかし、これは機能しません
同じページに関連するコンテンツを表示するための複数のリンクがありますこれを使用したことを示します、
$("#option .link").click(function(){
Options=$("#option .link").index(this);
$("#content").hide();
$("#content:eq("+Options+")").show();
})
しかし、これは機能しません
IDは一意であるため、にid
等しい要素は1つだけです。content
と同じように、おそらくクラスに切り替える必要があります.link
。
別の注意点としてIndex
、コードにはグローバル変数があります。グローバルは避けるべきであり、実際には必要ないので、でローカルにしvar Index
ます。
あなたの考えは正しいです..しかし、uは複数の要素に同様のIDを使用するべきではありません..ここで、uは複数の要素に#contentを使用しました(そうです)。
クラスで試してみてください。
$("#option .link").click(function(){
Options=$("#option .link").index(this);
$(".content").hide();
$(".content:eq("+Options+")").show();
})
#content
要素にidを使用しましたが、1ページで使用するIDは1つだけなので、すべてのIDをクラスに変更する必要があり#content
ます.content
$("#option .link").click(function(){
Options=$("#option .link").index(this);
$(".content").hide();
$(".content:eq("+Options+")").show();
});
この変更を行って試してください...