如何在jQuery中将表格向下滑动到一行?

时间:2011-09-19 09:26:02

标签: jquery css

我正试图用我的桌子表达对待的态度。当我单击一行时,我希望上方和下方的所有行向上滑动,除了单击的行。因此,当幻灯片完成时,表格应该只有一行,单击一行。

我已经尝试了几个版本来选择除我想要的所有行之外的所有行,但是一切都被隐藏了:/

有什么建议吗?

1 个答案:

答案 0 :(得分:2)

这是working demo 您只需选择所有tr的兄弟姐妹并隐藏/动画它们 您可以使用jquery的内置幻灯片功能:

$('tr').click(function(){
    $(this).siblings('tr').slideUp(); 
});