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
Post a Comment