twitter bootstrap accordion

Question

我正试图在我的网站上制作一个类似于here的手风琴。然而，每当我点击要折叠的地方时，它不会下降，而是将我链接到my_url#collapseOne (或者两个或三个，取决于我点击的是哪一个)。而且，当我加载网页时，菜单1已经被删除(不可取)，其他两个看起来是正确的。

对如何正确实现手风琴效果有什么建议吗？

Answer 1

所以你需要做两件事

1. 当文档准备就绪时，您需要初始化手风琴。这意味着您将遍历所有的accordion容器并将它们初始化为closed。
2. 您将把click事件处理程序附加到打开/关闭accordion的链接上。为了防止浏览器跟踪这些链接，您应该从这些事件处理程序返回false，这会阻止事件进一步冒泡。这将阻止浏览器访问该链接。

Answer 2

http://twitter.github.com/bootstrap/javascript.html#collapse。如果您自定义了引导程序安装，请确保您拥有所需的文件。如果您正在使用带有asset管道的twitter-bootstrap-rails gem，那么只需将该代码放入其中并查看其工作情况就会很好。