JQuery的 - 切换的div只选择

Question

如果我有HTML如：

<ul id="tags"> 
    <li> 
     <a href="#">Toggle</a> 
     <div>Content1</div> 
    </li> 
    <li> 
     <a href="#">Toggle</a> 
     <div>Content2</div> 
    </li> 
</ul> 

我如何写一个jQuery选择/点击事件，使得每个环节切换下面的div？

$('#tags li a').click(function(){ 
    $('#tags '+this.parent()+' div').slideToggle(); 
}); 

试过类似的东西，但它没有给我结果。任何帮助？

Answer 1

$('#tags li a').click(function(){ 
    $(this).siblings("div").slideToggle(); 
}); 

或

$('#tags li a').click(function(){ 
    $(this).next("div").slideToggle(); 
}); 

Answer 2

[重新编辑]：

<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> 

Answer 3

$('#tags li a').click(function(){ 
    $(this).next('div').slideToggle();  
});