jQuery选择器问题：单击一个元素将修改下一个元素

Question

我希望在单击标题类时使用jquery来滑动描述类。但是，我想要做的是当点击一个特定的标题时，只有下一个描述应该滑动。我怎么能在一个代码块中做到这一点？

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

<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的所有元素，而不仅仅是您想要的元素。

在所选的一个标题附近使用next()。

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