2016-06-13 28 views
-2

我有以下代码来折叠Bootstrap手风琴表中的未点击行,但是它隐藏了兄弟姐妹的整个行,而不仅仅是td使用.siblings()隐藏未点击的行隐藏()

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

那么,'tr'的'兄弟()'是另一个'tr' ...所以我不知道你期望发生什么。另外请注意,你的代码中有两个'{',我认为这只是在 –

+0

这个问题中的一个错字 - 隐藏了整行_.....以及你刚刚以这种方式创作的。 '$(this)'属于被点击的'tr'。但如果有的话,这不会隐藏点击的tr,而是兄弟'tr'。 – Jai

+0

提供的HTML,所以我们可以帮助你 – madalinivascu

回答

0

显然大部分人都与引导表作为行中才能发挥作用问题将显示/隐藏两次要么隐藏/显示或效果基本show /下, 所以我们改变了代码如下:

$('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'); 
    } 
    }); 

现在它工作正常,