jQuery slideToggle jump on close
- by spankmaster79
Hi,
I'm trying to slideToggle a in a table with jQuery and it works in FF, OP, CHrome. Only IE (6,7,8) is giving me problems. It slides down perfectly down and up, but after the slide up animation is finished. The hidden pops up in full height and then closes.
So I guess it must be somwhere inbetween when it switches from a minimal height to "display:none" that it appears for a short second.
The code is built dynamically but I'll try to give an example:
<table>
<tr>
<td>
<script type="text/javascript">
function toggleTr_{$dynamicID}() {
$('#content_{$dynamicID}').slideToggle('slow');
/* DO SOME OTHER STOFF LIKE COLOR CHANGES CSS CLASS CHANGES */
}
</script>
</td>
</tr>
<tr id="list_{$dynamicID}" onclick="toggleTr_{$dynamicID}();" style="cursor:pointer;">
<td> <!-- INFO HEADER --> </td>
</tr>
<tr>
<td>
<div id="content_{$dynamicID}" style="display:none;">
<!-- INFO BODY HIDDEN -->
</div
</td>
</tr>
Other problems here with slideToggle only descibed problems with padding, margin, or problems with the animation, but that all works.
Help is appreciated.
Thx, Spanky
