table好像使用不了jquery的slideDown效果

我做的一个table,想把里面一个tr做slideDown效果
但点击后只能把tr显示出来,是瞬间出来的,没有滑动的效果

搞定啦。
方法是:在td内部加个div,在div内部放入你要隐藏的内容。然后用js控制div滑动。注意把tr td div这些的margin padding设置好就行了。

tr不能直接用sildeDown的原因是:table的高度会自动被内部元素的内容撑大,slideDown的时候是有一个动态增加height的过程的,但由于tr、td
这些元素会自动被撑大,所以height刚一增加的时候,隐藏的内容就瞬间弹出来了。

看你这么一说我也去测试 了 下 发现 slow fast 和 毫秒 都是直接出现 直接消失。

如果你有其他方式 使其 可以实现滑动 可以@ 我下 。 谢谢


 <a id="silde">点我</a>
<table>
  <tr><td><div id="showme" style="display:none;height:32px;background-color:green">
    我是隐藏内容
    </div></td></tr>
</table>

<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
<script>$("#silde").click(function() {
    $("#showme").slideDown("slow");
  });</script>