使用jQuery slideToggle的CSS伪滞后

Question

我正在使用CSS伪:before在我拥有的导航栏中创建一个箭头，并且还使用jQuery slideToggle()以这种方式显示ul。但是，当您将鼠标悬停在它上方时，仍会发生转换但箭头稍有延迟然后会出现。要查看更容易看到的示例，请参阅http://applefanatic.co.uk并将鼠标悬停在“iPad”上。

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

感谢。

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

Answer 1

这是因为jQuery slideToggle()会将overflow:hidden应用于正在设置动画的元素，并在动画完成后删除。

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