jquery只切换一个元素，而不必使用ids
jquery只切换一个元素，而不必使用ids
提问于 2010-08-27 23:07:24
我的页面上有多个相同类的div。我希望能够单独切换它们。使用以下脚本：
$(document).ready(function() {
$('.file').hide();
$('a.toggle').click(function() {
$('.file').slideToggle(1000);
$(this).text($(this).text() == 'show' ? 'hide' : 'show');
return false;
});
});HTML如下所示：
<div class="file-wrapper">
<h5>(<a href="#" class="toggle">show</a>)</h5>
<div class="file">
<?php require "lipsum.php"; ?>
</div><!-- .file -->
</div><!-- .file-wrapper -->
<div class="file-wrapper">
<h5>(<a href="#" class="toggle">show</a>)</h5>
<div class="file">
<?php require "lipsum.php"; ?>
</div><!-- .file -->
</div><!-- .file-wrapper -->现在，如果我单击其中一个链接，它将切换页面上的两个div(页面最终将有最多10个可切换的div。我知道我可以只向每个div添加id，但我不想为每个id编写一次jquery脚本。
我是jquery的新手，所以我相信有一种简单的方法可以做到这一点。我试过使用.closest('div')，但也不起作用。
有什么帮助吗？
回答 1
Stack Overflow用户
回答已采纳
发布于 2010-08-27 23:13:20
也许你可以试试这个：
$(this).parent('h5').next('div.file').slideToggle(1000);编辑:这里有一个例子：http://jsfiddle.net/6GRJr/
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/3585521
复制相关文章
相似问题
腾讯云开发者
