使用.slideToggle（）时，为什么我的内容会被剪裁？

Question

jsFiddle这里：http://jsfiddle.net/_mtr/bvs6w

基本上我有一个由两个元素组成的无序列表：标题和几行文本的跨度。在悬停时切换跨度，但如果用户过早地悬停和关闭，则会剪切内容。我在jQuery中缺少什么来确保不会发生这种情况并且跨度总是被隐藏或正确显示？

Answer 1

只需使用.stop(true, true)而不只是.stop()。第一个参数用于clearQueue，第二个参数用于jumpToEnd，默认情况下均为false。

Here's您的更新代码。

希望这有帮助！

Answer 2

那个stop(）你放在那里以防止排队...

它在高度动画的过程中基本上“冻结”你的跨度。尝试在Firebug或Chrome的Inspector中查看它们。你会发现它们的高度都是0.8649像素。

Answer 3

您可能希望删除stop()并使用hoverIntent等插件。