Jquery slidetoggle IE problem visibility and jumpy animation

Hey yaa!

I have a big problem with my jquery.
I finally made it that my slidetoggle runs in firefox.
The animation is a little bit jumpy in the end of the animation.
I read a lot of workarounds, but somehow nothing helped me really.
Perhaps anyone of you can rescue me out of this dilemma.

The other bigger problem is that the hidden divs are unfortunately
shown directly on start in internet explorer. I tested it in IE6&7.
And the sliding effect is also very strange.

Does anyone of you know if I have to give additional styling for IE???

Here is my site I am working on:

Hiding things with CSS, JavaScript or jQuery

To hide elements using CSS you can set display to none or visibility to hidden.
The difference is that with display:none the element is not on the page, where as with visibility:hidden the area is reserved for the element, so the space where the element would be if it was visible is still there, just empty.

Below is a DOM, JavaScript function that will display or hide a element given it's ID.

function showorhide(id){
   if(document.getElementById(id)){    //check the element exists and can be accessed

Syndicate content