[jQuery] fadeOut() and relatively positioned images?
Hi guys,
Sorry if this is a duplicate, but my original never seemed to show up.
I'm having trouble with the following fadeOut(). It effectively hides
the div instead of fading it out, but if I set the fadeOut to several
seconds a callback function will show the fadeOut() is actually taking
that amount of time. Could it be my images are getting moved out of
sight?
<div id="content">
<div id="flags" style="position:relative">
<img src="flagUS.gif" style="width:55px; height:51px;
position:relative; top:160px; left:-150px; z-index:10" />
<img src="flagUK.gif" style="width:58px; height:51px;
position:relative; top:160px; left:-130px; z-index:20" />
</div>
<div id="form" style="position:relative; top:180px; left:-150px; z-
index:30">
<!-- ...my form... -->
</div>
</div>
$(function(){
$('#form').hide();
$('#flags').bind('click', function(){ $('#flags').fadeOut('normal',
function(){ $('#form').fadeIn('normal') }); });
});
Adam