3

我正在尝试创建一个简单的按钮来打开/关闭我在 twitter 引导程序中实现的网站的可折叠部分。我想使用可折叠的 javascript 插件，但它似乎不能正常工作：折叠动画“关闭”时发生，但“打开时”它是瞬时的。

这是一个 jsFiddle 演示这个问题。

http://jsfiddle.net/whUvL/2/

在我的导航器（Mac 上的 Chrome 22.0.1229.94）上，第一次单击按钮时，h2 会立即“弹出”。再次单击该按钮会以漂亮的动画“折叠”h2。再次单击“显示它”很快。

如何让动画在“打开时”和“关闭时”工作？我应该添加更多的 html/css，还是更改一些 js？

另外，我注意到 jquery 1.8.2 和最新的 twitter boostrap 会发生这种情况。使用 jquery 1.7.2 和 bootstrap 2.0.2它似乎工作得很好。如果可能的话，我想使用两者中的最新版本。

4

2 回答 2

4

好的，我发现了问题。它就在文档中：

  • 需要包含过渡插件。

在我的辩护中，我必须说那部分是灰色的，并不是很明显的要求。

一旦我包含了过渡模块，动画又开始工作了：

http://jsfiddle.net/whUvL/4/

感谢@funzionpro，他让我走上了正轨——一旦我知道包括它工作的完整 javascripts 集，剩下的就很容易推断出来了。

（我会在两天内将此答案标记为正确，在那之前我必须将其保持打开状态，因为 SO 的自动回复政策）

于 2012-10-18T15:57:43.640 回答
1

如果您添加 2.1.1 的 bootstrap.js，它似乎工作正常

工作小提琴：http: //jsfiddle.net/whUvL/3/

于 2012-10-18T12:47:17.247 回答