Jquery toggle list more/less 버튼 읽기

Question

잘 작동하는이 스크립트를 사용합니다. 그러나 나는 less 버튼을 원합니다. 이 작업을 수행하는 방법을 알 수 없습니다. 누군가가 나를 도와 줄 수 있기를 바랍니다. 당신은 .slideToggle(), 또는 .fadeToggle()와 .toggle()을 대체하여 부드러운 느낌을 얻을 수 있습니다

$('#info').find('tr:gt(5)').addClass('toggletr').hide() 
.end().append(
    $('<tr><td class="show_more_btn">Read more »</td></tr>').click(function(){ 
     $(this).siblings('.toggletr').toggle(); 
     if($(this).hasClass('expanded')){ 
      $(this).text('Read more »'); 
      $(this).removeClass('expanded'); 
     } else{ 
      $(this).text('Read less «'); 
      $(this).addClass('expanded'); 
     } 
}) 
); 

:

$('#info') 
     .find('tr:gt(5)') 
     .hide() 
     .end() 
     .append(
      $('<tr><td class="show_more_btn">Read more &raquo;</tr></td>').click(function(){ 
       $(this).siblings(':hidden').show().end().remove(); 
    }) 
); 

Answer 1

함께 현재 자바 스크립트를 교체합니다.