2016-06-13 32 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'); 
    } 
    }); 

現在它工作正常,