Question

I use now this script which works well, but i want also a read less button.
This i can’t figure out how to do this. Hope somebody can help me with this.

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

Replace your current javascript with:

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

You can get a smoother feel by replacing .toggle() with .slideToggle(), or .fadeToggle().