問題與jQuery

Question

我有以下結構

<table> 
    <tr> 
     <td><img class='show_detail'></td> 
    <tr> 
    <tr class='detail'> 
     <td>XYZ</td> 
    <tr> 

    <tr> 
     <td><img class='show_detail'></td> 
    <tr> 
    <tr class='detail'> 
     <td>ABC</td> 
    <tr> 

    </table> 

我想如果類show_detail點擊於明年明細行應顯示和隱藏所有打開的TR與類細節意味着，如果首秀細節類被點擊超過它隱藏第二個細節類並顯示第一個細節類。

我嘗試jQuery的這個

$('.show_detail').click(function() { 
    $('.show_detail').next('.detail').slideDown(); 
}); 

Answer 1

試試這個

$('.show_detail').click(function() { 
    var elem = $(this).parents('tr').next('.detail'); // get the next tr with class detail 
    $('.detail').not(elem).hide(); // hide all the tr with detail class excluding the next. 
    elem.toggle(); // toggle(hide <-> show) the next tr with detail class. 
});