javascript - jQuery Accordion/Toggle Panel - 仅关闭/打开特定类

Question

社区！

我现在真的需要你的帮助。我想制作一个可以打开所有选项卡的手风琴。通过搜索网络，我找到了一个很好的解决方案：

http://jsbin.com/eqape/968/edit

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

谢谢你们！

Answer 1

我觉得你太努力了。如果我理解正确，您只需要任何 .top 来切换相邻的 .content。由于我更熟悉在 JSFiddle 中工作，因此我将代码设置在那里：

http://jsfiddle.net/SuyS2/1/

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

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

更新：

如果您希望切换部分和内部内容，您可以这样做：

http://jsfiddle.net/SuyS2/5/

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

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