我做的一个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>