Кнопка переключения списка запросов 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');
      }
 })
);

Вы можете получить более плавное ощущение, заменив .toggle() на .slideToggle() или .fadeToggle().