javascript - 使用相同的 div 切换页面的不同部分

Question

您好，我有以下代码:

Javascript/jQuery:

$(document).ready(function() {
 $(".clickMe").click(function() {
  $(".textBox").toggle();
 });
});

使用 for 循环打印的 HTML 代码:

<a class="clickMe">Toggle my text</a>
<br />
<div class="textBox"> - This text will be toggled</div>

<a class="clickMe">Toggle my text</a>
<br />
<div class="textBox"> - This text will be toggled 2</div>

<a class="clickMe">Toggle my text</a>
<br />
<div class="textBox"> - This text will be toggled 3</div>

我希望能够:

1. 当页面加载时，我希望隐藏并在点击时切换。
2. 对 <a class="clickMe"> 使用相同的 ID和<div class="textBox">能够切换或隐藏正确/等效的 <div>元素。

jsFiddle代码:

http://jsfiddle.net/A7Sm4/3/

谢谢

• 编辑 1:类而不是 Id
• 编辑 2:修复了 jsfiddle 链接

Answer 1

id 应该唯一

你应该使用class做到这一点

[编辑]更新了 jsfiddle 以适应 Marko Dumic 的解决方案:http://jsfiddle.net/SugvH/