jQuery幻灯片切换: Hiccups after sliding up in IE 8

Question

我正在使用 jQuery SlideToggle() 函数来显示和隐藏跨度。这是我的代码:

$(".slideButton")
  .click(function(event) {
    $(".slideText").slideToggle("slow");
    event.preventDefault();
  });

<span class="slideText" style="display:none">
   blah...blah...blah
</span>
<a href="" class="slideButton">more...</a>

它的工作方式与我期望的打开方式相同，但是当关闭时，跨度会滑动关闭，然后快速闪烁跨度中的所有文本，最后消失。几乎就像打嗝一样。

我在 IE 8 中遇到此问题，但在 Firefox 中没有。

有人知道如何解决这个问题吗？谢谢。

Answer 1

好吧，这似乎与 body 标记中定义的 CSS line-height 有关。当我清除 line-height 属性时，它似乎解决了问题。

但是，由于我在这方面遇到了很多麻烦，所以我采取了另一种方法，我现在使用 jQuery Expander Plugin .

更新 08/06/10: 我删除了 JQuery Expander 插件。我用它来折叠/展开大表格中的文本。如果表超过这么多行，性能就会下降到 Not Acceptable 水平。这并不是说这不是一个好的插件，但它不能满足我的需求。