jQuery的切換列表閱讀更多/更少按鈕

Question

我現在用的這個腳本效果很好，但我想也讀按鍵少。 這我不知道如何做到這一點。希望有人能幫助我。

$('#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

替換爲您當前的javascript：

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

您可以通過.slideToggle()，或.fadeToggle()更換.toggle()獲得更流暢的感覺。