hide animated gif

hide animated gif

Hi :

I want an animated gif to play on a page for 5-10 seconds and then
disappear. Below is the code I am using but it is not right. I'd appreciate
help getting this to function properly.

Also are their dependencies other than:
jquery-ui-1.8.1.custom.css
jquery.min.js
jquery-ui.min.js

Thanks!



<head>
 <script type="text/javascript">
     $(document).ready(function(){   
      $('#top').hide('1000')
});
</script>

</head>

<body>


<div id= "gif">

<img id = "top" class = "hide" src="file:///www.rkwalton.com/images/fire2.gif" ; align="left" "  />

</div>

</body>