可折叠的Divs：希望所有div在点击时打开

Question

我目前正在为我的雇主设计着陆页。为了在不混淆网页的情况下投放SEO，我们已经放置了一些可折叠的div。 唯一需要注意的是，我们希望所有这些打开和关闭，而不是一次一个。

这是JS：

`$(document).ready(function() 
{ 
$(".content-body").hide(); 
$(".contentheader").click(function() 
{ 
$(this).next(".content-body").slideToggle(100); 
}); 
}); 

我需要什么修改，使其？谢谢！

Answer 1

对所有需要控制的div应用一个类，并且可以使用jQuery选择器来选择它们。

实施例：

$('.toggleDiv').slideToggle(100);

Answer 2

退房http://api.jquery.com/toggle/。这将做你想做的事情，它有一个可选的缓动功能，可以使流程动画化。