使用.siblings（）隐藏未单击的行.hide（）

Question

我有以下代码来折叠Bootstrap手风琴表中未单击的行，但它隐藏了兄弟姐妹的整行，而不仅仅是td。

$('tr.accordion-toggle').click(function(){
    $(this).siblings().hide();                                  
});

Answer 1

显然大多数人都对在bootstrap表上应用此函数有问题，因为行将使用hide / show或slideUp / Down显示/隐藏两次， 所以我们将代码更改为：

$('tr.table-rows').click(function(){
    if($(this).hasClass('open-row')){
      $(this).next('tr').fadeOut(600);
      $(this).removeClass('open-row');
    }
    else{
      $('.open-row').next('tr').fadeOut(600);
      $('.open-row').removeClass('open-row');
      $(this).next('tr').fadeIn(600);
      $(this).addClass('open-row');
    }
  });

现在它工作正常，