jquery - 单击链接时显示一个 div 并隐藏其他 div

Question

我有一个包含 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 执行此任务。我不知道该怎么做的是循环并检查是否单击了这些链接中的任何一个。

Answer 1

类似的东西:

$('a').on('click', function(){
   var target = $(this).attr('rel');
   $("#"+target).show().siblings("div").hide();
});

应该可以解决问题。

P.S:你的 div 必须在一个容器中才能工作。 Fiddle.