jquery - jQuery 添加可折叠面板

Question

使用 jQuery 我想动态添加新的可折叠面板。手风琴是不够的，因为我需要一次打开多个部分。

除了我想要一个按钮单击来动态添加一个新面板之外，这里的示例正是我所需要的。

使用 .append() 添加新标签不起作用。我不介意解决方案是否包含插件或其他任何东西（我不想使用诸如“KendoUI”之类的框架）

Answer 1

如jQuery 文档中所示：

手风琴不允许同时打开多个内容面板，而且要做到这一点需要付出很多努力。如果您正在寻找一种允许打开多个内容面板的小部件，请不要使用它。通常它可以用几行 jQuery 来代替，如下所示：

jQuery(document).ready(function(){
  $('.accordion .head').click(function() {
      $(this).next().toggle();
      return false;
  }).next().hide();
});
Or animated:

jQuery(document).ready(function(){
  $('.accordion .head').click(function() {
      $(this).next().toggle('slow');
      return false;
  }).next().hide();
})

;