具有Bootstrap 3的多个切换模块中的多个动态手风琴窗格

时间:2014-09-03 00:36:27

标签: jquery dynamic twitter-bootstrap-3 toggle accordion

请帮忙!我是这个网站的新手,也是jquery的新手,所以我不太确定获得答案的过程。我希望我的问题有道理,所以这里......

这是the following already answered question:

的扩展

我希望在一个页面上有多个切换模块,每个模块都有自己独特的bootstrap 3动态手风琴。单击+Add new panel按钮时,我希望仅在按钮所在的模块中添加到手风琴的新面板。每个手风琴窗格将仅包含该模块的表单内容。

JSFiddle Here

我已将其附加到第一个模块,但问题是当手风琴尝试在另一个模块中添加动态面板时,它会将副本仅附加到第一个模块。我尝试将面板附加到最近的类.panel-group而不是id #accordion,但没有成功。

$(this).closest('.panel-group').append($newPanel.fadeIn());

我也希望他们一次只扩展一个。理想情况下,这将是每个模块,但如果我一次只能在整个页面上打开一个,我愿意接受。我试图这样做,但问题是Bootstrap似乎需要绑定到data-parent属性的面板的id来执行此操作。

谢谢!

0 个答案:

没有答案