Problem with slidedown and fadein

Problem with slidedown and fadein

Hi.

I have a table which contains several divs that are placed with css:

  1. <table>
  2.  <tr>
  3.   <td> <div> <image ...> </div> </td>
  4. <td> <div> some text </div> </td>
  5.  ......
  6.  </tr>
  7. <tr class="hidden">
  8. <td> <div> <image ...> </div> </td>
  9. <td> <div> some text </div> </td>
  10.  ......
  11. </tr>
  12. ....
  13. </table>
As you can see, only one <tr> is shown from the start. When the user clicks a button, the next hidden tr is supposed to slidedown, and be shown:

  1. $('Row' + RowNumber).slideDown(700).removeClass('hidden')
But in explorer, the slidedown effect are not shown, it just shows instantly. In firefox, it kind of slides down, but all the elements indside the tr are misplaced when it slides.

Now if i change the slidedown to fadein, firefox shows it correctly, but its the same result with explorer.
Are there anything you can do to fix this?

Thanks alot :)

















    • Topic Participants

    • lars