javascript - 推特引导手风琴

Question

我正在尝试在我的网站上制作一个类似于这里看到的手风琴。但是，每当我单击要折叠的位置时，它不会下降，而是将我链接到 my_url#collapseOne （或两个或三个，具体取决于我单击哪个）。而且，当我加载网页时，菜单 1 已经被删除（不可取），另外两个看起来正确。

关于如何正确实现手风琴效果的任何想法？

Answer 1

所以你需要做两件事

1. 文档准备好后，您需要初始化手风琴。这意味着您将遍历所有手风琴容器并将它们初始化为关闭。

2. 您将点击事件处理程序附加到打开/关闭手风琴的链接。为了防止浏览器跟踪这些链接，您应该从这些事件处理程序中返回 false，这会阻止事件进一步冒泡。这将阻止浏览器跟踪该链接。

Answer 2

http://twitter.github.com/bootstrap/javascript.html#collapse。如果您自定义了引导安装，请确保您拥有所需的文件。如果您将 twitter-bootstrap-rails gem 与资产管道一起使用，您应该很好地将代码放入并查看它的工作。