Question

I have created 6 divs .box that contain an unordered list and images with the images being absolutely positioned above each list. Is there a way I can make sure the content under the image isnt revealed whilst the content boxes fade in?

http://jsfiddle.net/NKFgC/

Kyle

Answer 1

Yes, there is, you can use callback functions. Keep the content hidden (display none or visibility hidden) and use something like:

$(element).fadeIn(300, function() {
    //show/hide content
});

here’s the code:

http://jsfiddle.net/NKFgC/4/