I have a table, now on load i am hiding few last rows.Now on click of a span it will expand (last few rows)and collapse.I am using Slidetoggle(), and its working fine in IE, but the problem is its breaking in FF, first few rows are breaking in FF.how to fix this?any suggestion? EDIT:
$("tr").slice(index).slideToggle( slow )//this works fine in IE but in FF, the first few rows became right-aligned, thus breaking the table layout, this can be fixed using dispaly:""..something like
$("tr").slice(index).css("dispaly","")..
but I am using slidetoggle(). so facing the issue EDIT: HTML:
enter code here <div>
<table>
<tr>
<td>
td1
</td>
<td>
td11
</td>
<td>
td111
</td>
</tr>
<tr>
<td>
td2
</td>
<td>
td22
</td>
<td>
td222
</td>
</tr>
<tr>
<td>
td3
</td>
<td>
td33
</td>
<td>
td333
</td>
</tr>
<tr>
<td>
td3
</td>
<td>
td33
</td>
<td>
td333
</td>
</tr>
<tr>
<td>
td3
</td>
<td>
td33
</td>
<td>
td333
</td>
</tr>
<tr>
<td>
td3
</td>
<td>
td33
</td>
<td>
td333
</td>
</tr>
<tr>
<td>
td3
</td>
<td>
td33
</td>
<td>
td333
</td>
</tr>
<tr>
<td>
td3
</td>
<td>
td33
</td>
<td>
td333
</td>
</tr> <tr>
<td>
td3
</td>
<td>
td33
</td>
<td>
td333
</td>
</tr>
</table>