Javascript 如何在jQuery上使用滑动切换应用平滑显示/隐藏效果

我正在尝试使用

滑动切换来显示隐藏内容，虽然效果很好，但我的桌子上没有平滑的动画效果

我尝试过这两个代码，但现在得到了正确的动画效果：

$（'.more'）。滑动切换（'fast'）

$（'.more'）.stop（）.slideToggle（500）

你知道怎么做吗

谢谢

以下是我的jQuery代码工作：


$（“#更多”）。单击（函数（）{
$（this.text（'See less'）；
如果（$（'.more'）。是（':visible'））{
$（this.text（'See more'）；
}否则{
$（this.text（'See less'）；
}
//$（'.more'）.slideToggle（'fast'）；
$（'.more'）.stop（）.slideToggle（500）；
返回false；
});

日期
地址
房间
平方米
地板
停车场
价格
百万分之一
5/12/14
阿伦比50，特拉维夫
1.5
32
1.
1.
1,410,000
40,286
13/05/14
阿伦比50，特拉维夫
1.5
32
2.
1.
13/05/14
44,000
18/08/14
阿伦比50，特拉维夫
1.5
32
6.
1,600,000
45,714
14/09/14
阿伦比50，特拉维夫
1.5
32
4.
1,375,000
39,286
25/01/14
阿伦比50，特拉维夫
1.5
32
2.
1,680,000
28,966
只需更改以下内容：

$('.more').stop().slideToggle(10);// to show effect faster use small value.


$（“#更多”）。单击（函数（）{
$（this.text（'See less'）；
如果（$（'.more'）。是（':visible'））{
$（this.text（'See more'）；
}否则{
$（this.text（'See less'）；
}
//$（'.more'）.slideToggle（'fast'）；
$（'.more'）.stop（）.slideToggle（10）；
返回false；
});

日期
地址
房间
平方米
地板
停车场
价格
百万分之一
5/12/14
阿伦比50，特拉维夫
1.5
32
1.
1.
1,410,000
40,286
13/05/14
阿伦比50，特拉维夫
1.5
32
2.
1.
13/05/14
44,000
18/08/14
阿伦比50，特拉维夫
1.5
32
6.
1,600,000
45,714
14/09/14
阿伦比50，特拉维夫
1.5
32
4.
1,375,000
39,286
25/01/14
阿伦比50，特拉维夫
1.5
32
2.
1,680,000
28,966
你能做的最好的事情就是用div做一个表格。
像DevJoeri一样，我建议你使用div，但如果你不想或不能的话。添加以下css规则对您的示例很有帮助

tr {
    float: left;
    width: 100%;
}


不能将切换动画应用于td、tr标记
它只能应用于div标签
使用
div
代替
表td
。。。动画在
td
中不起作用，因为
table tr
不支持高度属性，因此隐藏/显示效果将仅显示我在这里给出答案，我没有询问或引用链接这是我的答案。