为什么在所有浏览器中都不执行此切换动画

Question

此文件在Mac上的firefox以外的任何浏览器中都未执行。增加了我可以想到的所有内容。

http://samhorner.co.uk/dev/samhorner/

点击叽叽喳喳栏上应该关闭它，那么当你点击它再次，只需点击适用于其他浏览器再次打开它。蓝色框是背景中的闪光区域。

感谢或帮助。

干杯

山姆

Answer 1

您有一个额外的浮动这里造成了一些怪异的行为，只是将其删除解决：

<div id="list" style="overflow: hidden; width: 412px; "> 

的click处理工作，但因为它是浮动的宽度正在被隐藏，因为它的父母也有overflow: hidden。如果您像这样动态地折叠嵌套的溢出/浮动元素，它们将不会正确地重新展开，至少不能以跨浏览器的方式进行重新展开。幸运的是，在你的情况下，浮动是无关的，只是将其删除，你目前的jQuery代码将工作正常:)