使用相同的div切换页面的不同部分 [英] Use same div to toggle different parts of the page

问题描述

你好，我有以下代码:

Javascript/jQuery:

Javascript/jQuery:

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

带有for循环的HTML代码:

Html code printed with a for loop:

<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">和<div class="textBox">使用相同的ID，以便能够切换或隐藏正确/等效的<div>元素.

1. When the page loads I want the to be hidden and toggle on click.
2. Using the same ids for <a class="clickMe"> and <div class="textBox"> to be able to toggle or hide the correct/equivalent <div> element.

jsFiddle代码:

jsFiddle code:

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

谢谢

• 使用类而不是ID
• 修复了jsfiddle链接

推荐答案

$(document).ready(function() {
$("a").click(function() {
  $(this).parent().find("div").toggle();
});
});

使用与此类似的内容.

这篇关于使用相同的div切换页面的不同部分的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！