Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

jQuery slideDown in IE9 - content disappears after animation finishes

I've had this problem twice on two different sites. It works in all browsers other than IE9.

I have a div being opened and closed using jquery slideup and slideDown (the same problem happens with slideToggle). I'm able to see the content of the div as it slides down, but as soon as the animation stops, the content disappears.

Heres an example of this problem http://www.ohnuts.com/searchResults.cfm?criteria=cashews&search=all click on the "more categories" link.

Has anyone else experienced this problem, and are there any workarounds? I can change it to just do a simple show/hide, that works fine, but i'd like to keep the effect of it opening.

like image 575
Yisroel Avatar asked Nov 03 '10 13:11

Yisroel


1 Answers

2 thumbs up with Nick's answer.

But by the time IE team will solve the problem, you will probably be on another project.

Here is what worked for me with IE7 that will certainly works on IE9.

On the DIV you set a slideDown effect, add this to your CSS:

 overflow: hidden;

Good day!

like image 153
SequenceDigitale.com Avatar answered Sep 24 '22 07:09

SequenceDigitale.com