Hello!

I have a problem when i try to fadeIn an animated gif.

I give you a quick example:

------------------------------------------------------------------------------------------------------------------------------------------------------------

<script type="text/javascript">

$(document).ready(function () {

$("input[type=submit]").click(function () {

$(this).fadeOut("slow", function() {

$("#loading").attr("style", "background: #fff url(loading.gif) no-repeat; height: 16px; width:16px").fadeIn("slow");

});

return false;

});

});

</script>

------------------------------------------------------------------------------------------------------------------------------------------------------------

<form action="" method="post">

<input type="submit" value="Just testing" />

<div id="loading" />

</form>

------------------------------------------------------------------------------------------------------------------------------------------------------------

Hope i don't forgot something!

So...my problem is this:

- the submit button is faded out but the loading icon only start to spin when the fadeIn is completed and i tried to fix this problem but with no result so please, please help me with this.

The fadeIn of the animated gif is a mess!

Thanks a lot, i appreciate your help and sorry for my bad english :)!