jquery - 上的 slideToggle() 导致 "jump"

Question

使用 jQuery 时 slideToggle()函数来显示/隐藏表中新行的数据，这会导致它断断续续。然而，当使用 slideToggle() 时显示/隐藏 <div>它工作得非常顺利。

谁能告诉我为什么会这样？

fiddle 示例:http://jsfiddle.net/gLGUG/

jQuery 代码:

$("tr").click(function () {
    $(".slideMe").slideToggle();
});

$(".slideMeDiv, button").click(function () {
    $(".slideMeDiv").slideToggle();
});

HTML 标记:

<table>
    <tr>
        <td>One Row</td>
    </tr>
    <tr>
        <td>Click me</td>
    </tr>
    <tr class="slideMe">
        <td>SlideDOWN</td>
    </tr>
</table>
<br />
<button>Slide Div</button>

<div class="slideMeDiv">
    Slide me as well
</div>

Answer 1

在 table 中提及 border="0"cellspacing="0"cellpadding="0"

<table width="100%" border="0" cellspacing="0" cellpadding="0">

这将解决跳跃问题

这是 jsFiddle File

---

同样为了滑动效果，你需要用一个 div 包裹你的文本并将 div 放在 td 里面

这是更新的 jsFiddle File