Jquery Fadein Help How do I make it do this?

[BooZker 0]

Problem fixed! SORRY. You can delete this topic or keep it up for people later on. I fixed the code so it will fade a div on page load. So if anyone wants to use it!

 

 

jQuery makes it super easy to make things fade in and out, but I don't know how to do this and there site isn't responding fast enough. I have waited 30 mins! Anyways all I want is something super simple with jQuery

 

I have a logo as a background image in my CSS in a div with a class of .logo. I want that to load slowly when the page loads. So you would go to my site and you wouldnt see anything for just a second then the logo fades in. I could use flash, yes, but that's icky and bloated for something so simple that I know I can do with jQuery. Here is the code that I was editing to try to get it to work. How and what do i do?

 

<script type="text/javascript">	$(document).ready(function(){	$('div.logo').fadeIn('slow');	});	</script>

This is what the HTML looks like that I want to have fade in

 

<div class="logo"></div>

and the CSS

 

.logo {		margin:126px auto;	background:url(../images/styles/logo.jpg);	border:none;	color:#ffffff;	width:536px;	height:171px;	   display:hidden;	}

right now i have it working... but not the way i want. Right now it fades in like the text on http://15daysofjquery.com/
Edited September 16, 2007 by BooZker (see edit history)