Javascript jQuery手风琴/切换面板-仅关闭/打开特定类

社区

我现在真的需要你的帮助。我想做一个手风琴，我可以打开所有标签。通过搜索Web，我找到了一个很好的解决方案：

每个部分的第一个Div容器是关闭/打开的容器。我想定义3个div容器。一个在顶部（始终显示），一个在中间（具有切换功能），一个在底部（始终显示）。这可能吗？我该怎么做？我是jQuery新手，所以这让我发疯

---

谢谢大家

我觉得你太努力了。如果我理解正确，您只需要any.top来切换相邻的.content。因为我更熟悉JSFIDLE，所以我在这里设置了代码：

如果我遗漏了什么，请告诉我

更新：

如果您希望切换节和内部内容，可以执行以下操作：

---

仅作澄清：在您的示例中，您有4个部分。单击要打开其内容的每个。每个节的内容由3个div组成，第一个是单击->展开的节div本身。第二个在单击第一个时打开，否则它将隐藏。第三家总是开着吗？就像代码中的第3节示例一样？所以基本上你想要完成的就是第三部分目前的工作方式？我有四个部分-对。每个部分有3个div。第一个和第三个div应该始终可见。单击后，我只想让第二个div（位于第一个（顶部）和第三个（底部）之间）打开/关闭它自己。难道没有一种方法可以遍历下面的所有div（3）并询问它们是否有任何一个具有特定的类名（中间），并且只对该div执行slideToggle（）-函数吗？非常感谢。那不是我想要的100%。但经过几处修改，我让它按照我想要的方式运行：不客气。您可以做：$（this）.sibbines（'.content'）.slideToggle（）；

$('.top').click(function () {
  $(this).next('.content').slideToggle();
});

$('.section-heading').click(function () {
  $(this).next('.section-wrapper').slideToggle();
});

$('.top').click(function () {
  $(this).next('.content').slideToggle();
});