jquery - 如何在 jQuery 中将表格向下滑动到一行？

Question

我正在尝试对我的 table 进行花式设计。当我单击一行时，我希望除了单击的行之外的所有行都向上和下面滑动。所以当幻灯片结束时，表格应该只有一行，即单击的那一行。

我已经尝试了多种选择除我想要的行之外的所有行的版本，但是所有内容都是隐藏的:/

有什么建议吗？

Answer 1

这是一个 working demo .
您只需选择所有 tr 的 sibling 并隐藏/动画化它们。
您可以使用 jquery 的内置幻灯片功能:

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