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();  
});