[英]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.