Initially show only X table rows

hide_table_rows.js

var numShown = 15; // Initial rows shown & index

// Hide rows and add clickable div
$('.cinematiclist').find('tr:gt(' + (numShown - 1) + ')').hide().end().append('<tr id="cinematicmore"><td colspan="4" style="cursor:pointer; text-align:center;">Zeige alle</td></tr>');

// onclick remove trigger an show full table
$('#cinematicmore').click(function(){
  $('#cinematicmore').remove();
  
  // Show all
  $('.cinematiclist').find('tr').show();
})