jquery - IE7, slideToggle(), and CSS -


i have complicated chunk of code i'm running problem on ie 7. here's situation:

set up

we have div expands using jquery's slidetoggle(). top of box has link expands show more content. @ top of collapsed section dropdown menu, hidden default along other content.

ie 7 behavior

when slidetoggle() triggered, panel expands/collapses properly, 1 important exception.

while panel expanding 500ms, see menu starting appear , looks fine. right when panel finishes expanding, menu 'loses' css styling (images, colors, positioning, etc.) , plain white text sticks top of box. when hover on :hover element of menu, goes normal! so, can 'avoid' issue hovering mouse on dropdown panel expands, isn't solution.

jsfiddle

i've tried replicate page on jsfiddle complicated , i've had no luck far in giving accurate representation.

solution?

i've read ie 7 glitches slidetoggle() don't know if relevant situation. there should declaring stop ie behaving way?


Comments

Popular posts from this blog

linux - Using a Cron Job to check if my mod_wsgi / apache server is running and restart -

actionscript 3 - TweenLite does not work with object -

jQuery Ajax Render Fragments OR Whole Page -