CSS 使用 jQuery slideToggle 的伪滞后

Question

我正在使用 CSS 伪 :before 在导航栏中创建一个箭头，我还使用 jQuery slideToggle() 来显示 ul 那样。然而，当你将鼠标悬停在它上面时，过渡仍然会发生，但箭头会稍微延迟然后出现。要查看更简单的示例，请参见 http://applefanatic.co.uk 并将鼠标悬停在 "iPad" 上。

我是 jQuery 的新手，所以我可能遗漏了一些东西。我知道 jQuery 代码有效，这只是我遇到的延迟。

谢谢。

编辑：更改了导航栏并删除了 CSS 箭头，这不再相关，但会在此处留下问题以防其他人需要帮助。

Answer 1

发生这种情况是因为 jQuery slideToggle() 将 overflow:hidden 应用于正在动画的元素，并在动画完成后删除。

要解决此问题，只需在您的样式表中将 overflow:visible !important 添加到 ul。