私は37のリンクと37の隠されたdivといくつかのテキストのリストを持っています。カウンターは3で始まり、40で終わります。リンクをクリックするとdivを表示し、他のすべてのdivを非表示にします。
リンクは次のようになります。
<a href="#" rel="week_3">Week 3</a>
<a href="#" rel="week_4">Week 4</a>
Divは次のようになります。
<div id="week_3" style="display: none">[...]</div>
<div id="week_4" style="display: none">[...]</div>
jQueryを使用してこのタスクを実行したいと思います。方法がわからないのは、ループを作成して、それらのリンクのいずれかがクリックされているかどうかを確認することです。
の線に沿った何か:
$('a').on('click', function(){
var target = $(this).attr('rel');
$("#"+target).show().siblings("div").hide();
});
トリックを行う必要があります。
PS:これが機能するには、divがコンテナ内にある必要があります。フィドル。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加