jQuery hidden rows in table are not visible but are a white element
I've got an list/overview page of articles posted in the database which needs pagination. The pagination works, but the table is showing a few rows (not visible, but white elements) beneath my visible table (or above my visible table in the last page).
The tablerows are posted using:

    <tr class='pagedrows row_xx'><td>etc-etc

where xx is the page-number.
My jQuery function is like this:

 

       function openPage(index) {
      // hide the rows and show current page
      $(".pagedrows").hide();
      $(".row_" + index).show();
      // show the current page number
      $(".pagedNumbers li a").removeClass('activePage');
      $("#number_" + index).addClass('activePage');
    }

why are my rows still "visible" and even selectable using an element inspector (like IE's dev toolbar or Chrome Element Inspector) ??
jQuery hidden rows in table are not visible but are a white element
===

I've got an list/overview page of articles posted in the database which needs pagination. The pagination works, but the table is showing a few rows (not visible, but white elements) beneath my visible table (or above my visible table in the last page).
The tablerows are posted using:

    <tr class='pagedrows row_xx'><td>etc-etc

where xx is the page-number.
My jQuery function is like this:

 

       function openPage(index) {
      // hide the rows and show current page
      $(".pagedrows").hide();
      $(".row_" + index).show();
      // show the current page number
      $(".pagedNumbers li a").removeClass('activePage');
      $("#number_" + index).addClass('activePage');
    }

why are my rows still "visible" and even selectable using an element inspector (like IE's dev toolbar or Chrome Element Inspector) ??