[英]JQuery - Toggling divs with only selectors
如果我有html如:
<ul id="tags">
<li>
<a href="#">Toggle</a>
<div>Content1</div>
</li>
<li>
<a href="#">Toggle</a>
<div>Content2</div>
</li>
</ul>
如何编写JQuery select / click事件,以便每个链接切换下面的div?
$('#tags li a').click(function(){
$('#tags '+this.parent()+' div').slideToggle();
});
试过类似的东西,但它没有给我结果。 有帮助吗?
$('#tags li a').click(function(){
$(this).siblings("div").slideToggle();
});
要么
$('#tags li a').click(function(){
$(this).next("div").slideToggle();
});
$('#tags li a').click(function(){
$(this).next('div').slideToggle();
});
[RE-EDIT]:
<script src="jquery.js"></script>
<ul id="tags">
<li style="display: none">
<a href="#">toggle</a>
<div>Content1</div>
</li>
<li>
<a href="#">toggle</a>
<div>Content2</div>
</li>
</ul>
<script>
$('ul li a').click(function(){
$("ul li").slideToggle('slow');
});
</script>
[旧]:
<ul id="tags">
<li style="display: none">
<div>Content1</div>
</li>
<li>
<div>Content2</div>
</li>
</ul>
<a href="#" class="toggle">Toggle</a>
<script>
$('.toggle').click(function(){
$("ul li").slideToggle('slow');
});
</script>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.