[jQuery] slideUp weirdness when div content is a SWF file in FF
My slide down & up occur seamlessly in all browsers when the Div
content is an image file, smoothest is a CSS background image applied
to empty divs. When I substituted Flash generated object code in the
formerly empty divs, in FF the slidebar toggle div slides up under the
slidebar, while slidebar slides up suddenly after the slidebar trigger
has disappeared. I am also seeing a sudden partial popping open of
slidebar at the end of slideUp in IE. I have all divs defined as 0
padding.
<script type="text/javascript">
$(document).ready(function() {
initSlideboxes();
function initSlideboxes()
{
$('#slidebar').slideDown(1000);
setTimeout(function()
{
$('#slidebar').slideUp(3000);
}, 5000);
$('#slidebartrigger').click(function(){$
('#slidebar').slideToggle(); });
};
});
</script>
<div id="wrap">
<div id="top">
Flash file in this div
</div>
<div id="slidebar" style=" background: #eeeeee; height:
200px;display:none;">Flash file in this div
</div>
<div id="slidebartrigger" >a Gif image defined by a CSS background
image</div>
</div>