我试图在Bootstrap中使用Collapse功能,并且在大多数情况下它都在工作。我基本上创造了一种各种类型的手风琴,虽然它看起来并不像一个,因为我只希望一次看到一个面板。我没有使用Bootstrap的手风琴功能,因为它似乎依赖于使用我不想做的面板。
所以,让它近乎工作,唯一的问题是如果你扩展了一个div,然后点击了标题' (只是另一个div)打开另一个,原来的div也继续扩大。他们并不是互相排斥的。我认为这可以通过在我的jQuery脚本中添加一行来轻松修复,当#39;标题'单击div,这将隐藏所有可折叠面板,然后展开与单击的标题相关联的面板,但由于我无法弄清楚的原因,添加该行实际做的是导致所有可折叠面板展开当第一个标题'点击。但是,在初次点击之后,一切正常。我很难过!
我创造了一个小提示来展示问题here。
答案 0 :(得分:1)
我最终使用简单的slideUp
和slideDown
函数成功完成了这项工作。可以找到工作版here。另请注意将hidden="hidden"
添加到div中,这实际上是手风琴“窗格”。