jQuery Selektor probelm: Klicken auf ein Element wird das nächste Element sofort ändern

Question

Ich möchte jquery verwenden, um die Beschreibung Klassen, wenn Titel Klassen geklickt werden. Was ich jedoch tun möchte, ist, wenn ein bestimmter Titel angeklickt wird, nur die unmittelbar nächste Beschreibung sollte weggelassen werden. Wie kann ich das in einem Codeblock machen? Irgendwelche Ideen?

$(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(); nimmt alle Elemente mit class=description, nicht nur die, die Sie wollen.

Verwenden Sie next() in der Nähe des ausgewählten Titels.

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