Question

I’ve got this divs:

<div id="maintext">
        <div>
        <span>This is Photoshop's</span>
        <span>version  of Lorem</span>
        <span>Ipsum. Proin gravida</span>
        <span>nibh vel velit</span>
        <span>auctor aliquet. Aenean</span>
        <span>Psollicitudin, lorem quis</span>
        <span>bibendum auctor.</span>       
        </div>
    </div>

And i want, this spans get fadein effect. How can i do this?

Answer 1

if you need to show all elements together you could simpy hide and apply a fadeIn() to #maintext > div element instead of applying a fadeIn for every single span element

otherwise if you need a sequential fadeIn take a look at this demo: http://jsfiddle.net/FUZwL/

$('#maintext span').hide().each(function(i) {
    $(this).delay(i * 200).fadeIn(200);
});