可折叠分区：想要在点击一个分区时打开所有分区

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/。这将做你想要的，它有一个可选的缓动功能，可以为过程设置动画。