javascript - 隐藏表中的元素会导致列移动

Question

在这个例子中http://jsfiddle.net/bYAK4/为什么隐藏一个单元格会导致整列移动，我该怎么做才能避免这种情况？

HTML

<table>
    <tr>
        <td>John</td>
        <td>Doe</td>
    </tr>
    <tr>
        <td>Hello</td>
        <td><div class="hide">World</div></td>
    </tr>
</table>

CSS

table {
    width:400px;
}

JS

$(document).ready(function() {
    $('.hide').slideUp();
});

Answer 1

尝试

$(document).ready(function() {
    $('.hide').hide();
});

slideUp 可能会导致 meshup 并且也会给 td 宽度，比如

table tr td{
    width:200px;
}

查看此 DEMO

使用 slideUp 查看此内容 DEMO2