Loading...

Search jQuery

Search

jQuery Forum

Getting Started

fadeIn

in Getting Started • 9 years ago

I'm trying to figure out jQuery. I want some text to fade in slowly. This is what I have and it's not working. Any help would be greatly appreciated.

<script type="text/javascript">
$(document).ready(function(){
$('div.text-sponsor').fadeIn(3000);
});
</script>
<div class="text-sponsor">OFFICIAL SPONSOR OF</div>

1

Replies(2)

jakecigar

Re: fadeIn

9 years ago

Your code is fine. Assuming you also included jQuery and proper CSS to hide the text-sponsor.

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title> text-sponsor </title>
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script>
$(document).ready(function(){
$('div.text-sponsor').fadeIn(3000);
});
</script>
<style>
.text-sponsor{display:none}
</style>
</head>
<body>
<div class="text-sponsor">OFFICIAL SPONSOR OF</div>
</body>
</html>

JΛ̊KE

Re: Re: fadeIn

9 years ago

I didn't have the css. Thank you so much!