ansaurus

Question

Showing all results on success - then hide X amount

Answer 1

+1 A:

You should reverse your thinking - hide the rows by default, then show the one you want.

As you append each table row, add the Name value as the id, and add a class to the <tr> element that has a display:none style. This will prevent all the rows from flashing as they are loaded then hidden.

After the load process completes, show the row where the name_select value matches the id attribute.... $("#" + name_select).show();

Simple example:

<html>
<head>
<script language="javascript" src="../code/jquery-latest.min.js"></script>
<style>
tr {
   display:none;
}
</style>
<script language="javascript">
$(document).ready(function() {
   $("#3").show();
});
</script>
</head>
<body>
<table>
   <tr id="1"><td>1</td></tr>
   <tr id="2"><td>2</td></tr>
   <tr id="3"><td>3</td></tr>
   <tr id="4"><td>4</td></tr>
</table>
</body>

Sam Tyson 2009-12-17 18:02:50

ansaurus

tags:

views:

answers:

Showing all results on success - then hide X amount

related questions