jQueryセレクタprobelm：1つの要素をクリックするとすぐ次の要素が変更されます

Question

jqueryをタイトルクラスがクリックされたときに説明クラスに適用したいと思います。しかし、私がしたいのは、特定のタイトルがクリックされたときに、ただちに次の説明だけがスライドインされるべきときです。 1つのコードブロックでどのようにすればいいですか？何か案は？

$(document).ready(function(){ 
 
\t $(".title").click(function(){ 
 
\t \t $(".description").slideToggle(); 
 
\t }) 
 
})

<div> <h2 class="title">title</h2> 
 
    <table class="description">description</table> 
 
</div> 
 

 
<div> <h2 class="title">title</h2> 
 
    <table class="description">description</table> 
 
</div> 
 

 
<div> <h2 class="title">title</h2> 
 
    <table class="description">description</table> 
 
</div> 
 

 
<div> <h2 class="title">title</h2> 
 
    <table class="description">description</table> 
 
</div>

Answer 1

$(".description").slideToggle();あなたが望むものではないだけで、class=descriptionを持つすべての要素を取ります。

選択した1つのタイトルの近くにnext()を使用してください。

$(document).ready(function(){ 
    $(".title").click(function(){ 
     $(this).next(".description").slideToggle(); 
    }) 
})