jquery選擇與其他幾個類相同的單個元素

Question

即時多個div同時切換的問題。 我有這4個div與我想要顯示的類相同，我該怎麼做？

<div id="container"> 
    <div class="box"><!-- box 1 --> 
    <div class="link"><a href="#" class="show">show content</a></div> 
    <div class="hidden">this text is hidden</div> 
    </div><!--box ends--> 

    <div class="box"><!-- box 2 --> 
    <div class="link"><a href="#" class="show">show content</a></div> 
    <div class="hidden">this text is hidden</div> 
    </div><!--box ends--> 

</div><!--container ends --> 

我想你明白了吧，問題是，這是來自一個PHP的同時，如果用戶還沒有發表任何內容，那麼就不會是任何div的，如果他有，也將顯示div的等於他所有的貢獻。

我試圖與

$(".show").click(function(){ 
$(".hidden").toggle(); 
}); 

但代碼顯示了所有的人，我怎麼證明這是精神疾病中顯示的一個？ 我希望你明白..

Answer 1

用途：

$(".show").click(function(){ 
    $(this).parent().next(".hidden").toggle(); 
}); 

parent()讓你div.link和next()讓你div.hidden這將切換。