Go Back   CodingForums.com > :: Client side development > JavaScript programming > JavaScript frameworks

Before you post, read our: Rules & Posting Guidelines

Reply
 
Thread Tools Rate Thread
Enjoy an ad free experience by logging in. Not a member yet? Register.
Old 09-26-2011, 11:09 PM   PM User | #1
tomharto
Regular Coder

 
Join Date: Jul 2010
Location: Sheffield
Posts: 807
Thanks: 92
Thanked 18 Times in 18 Posts
tomharto is on a distinguished road
Fade in elements with the same class one by one

If i have these elements

Code:
<span class="fadeMe" style="display:none;">One</span> | 
<span class="fadeMe" style="display:none;">Two</span> | 
<span class="fadeMe" style="display:none;">Three</span>
Is there anyway i can use jQuery to fade them in one after another
tomharto is offline   Reply With Quote
Old 09-27-2011, 06:33 PM   PM User | #2
harbingerOTV
Senior Coder

 
Join Date: Jan 2005
Location: Memphis, TN
Posts: 1,769
Thanks: 8
Thanked 127 Times in 125 Posts
harbingerOTV will become famous soon enough
set for a 1 second delay:

Code:
$(document).ready(function(){
	var time = 0;
	$('.fadeMe').each(function() {
	    $(this).delay(time).fadeIn(1000);
	    time += 1000;
	});
});
__________________
Stop making things so hard on yourself.
i is tugbucket :: help raise tugburg :: Whitehaven Kiwanis
harbingerOTV is offline   Reply With Quote
Old 09-27-2011, 06:35 PM   PM User | #3
tomharto
Regular Coder

 
Join Date: Jul 2010
Location: Sheffield
Posts: 807
Thanks: 92
Thanked 18 Times in 18 Posts
tomharto is on a distinguished road
thanks
tomharto is offline   Reply With Quote
Reply

Bookmarks

Jump To Top of Thread


Thread Tools
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT +1. The time now is 07:47 PM.


Advertisement
Log in to turn off these ads.