Jquery 한 번에 한 행을 확장하십시오.

Question

확장 가능한 일부 테이블 행이 있지만 한 행을 확장 할 때 다른 모든 축소 할 때 그렇게 만드는 방법을 모르겠습니다.

JQuery와 :

$(document).ready(function() { 
    $('.expandable').click(function() { 
    $(this).nextAll('tr').each(function() { 
     if ($(this).is('.expandable')) { 
      return false; 
     } 
     $(this).toggle(350); 
    }); 
    }); 
    $('.expandable').nextAll('tr').each(function() { 
    if (!($(this).is('.expandable'))) $(this).hide(); 
    }); 
}); 

HTML :

$('.expandable').click(function() { 
    $(".expandable").slideUp(); 
    $(this).slideDown(); 
}); 

Answer 1

당신은 click()을 쿠르하는 숨어있는 기능을 추가해야합니다

<table border="0"> 
<tbody> 
<tr class="expandable"> 

Answer 2

그냥 같은 클래스와 다른 모든 행 축소 다음과 같이 작동합니다 :

$('.expandable').click(function() { 
    $('.expandable').not(this).nextAll('tr').hide(); 
    $(this).nextAll('tr').toggle(); 
}); 

첫 번째 행은 모두 <tr>을 숨기고 두 번째 행은 선택된 행을 표시합니다.