Javascript jquery滑动并向下移动多个div

我的代码是：

JavaScript: HTML:

标题
内容

现在我的问题是，我有多个div标签，名称和格式与头部和身体相似

---

类是重复的，当我单击一个头部部分时，它会向上滑动所有部分。如何使它们向上和向下滑动特定的身体类；这可能需要向元素添加

id

属性，然后使用。给父元素一个

id

属性

HTML

---

。。。或者给元素本身一个

id

：

HTML

---

你真的很接近。下面是一个JSFIDLE，它完成了您需要它做的事情

您只需通过使用

抓住标题后的下一个正文。下一步（）

尝试使用以下方法：

$(".Head").click(function () {
    var $targetBody = $(this).next('.Body');
    if ($targetBody.is(":hidden")) {
        $targetBody.slideDown('fast');
    } else {
        $targetBody.slideUp('fast');
    }
});

---

在这里拉小提琴：

如果他有。。嗯。。20个这样的头-体组合？你能展示更多的标记吗？他们总是出现在一起吗？他们总是有共同的父母吗。。。等等。单击的内容和应该移动的元素之间有什么关系？

<div class="Head">
Heading
</div>
<div class="Body">
Content
</div>

<div id="tehParent"><div class="Body"><!-- ... --></div></div>

$("#tehParent .Body").slideDown('fast');

<div id="tehBody" class="Body"><!-- ... --></div>

$("#tehBody.Body").slideDown('fast');

$(".Head").click(function () {
    var $targetBody = $(this).next('.Body');
    if ($targetBody.is(":hidden")) {
        $targetBody.slideDown('fast');
    } else {
        $targetBody.slideUp('fast');
    }
});