FadeIn siblings One at a Time?
Hello !
Greetings everyone ! I'm a brand new user of JQuery, but I'm already falling in love with it! While experimenting with it, I've been unsuccessful trying to fade in the elements of a list One by One....
- <ul id="listed">
- <li>Company one</li>
- <li>Company two</li>
- <li>Company three</li>
- </ul>
And with JQuery the thing I'm doing is the following:
- $( function() { //ready handler
- $("#listed").children().hide();
-
- $("#listed").children().each( function(index) {
- $(this).fadeIn(1500);
- });
- });
The Jquery code above is not working as I had expected. It fade ins all the elements of the unordered list BUT
all of them at once !. I need to fade in the first element, and when it's done the next sibling should start to fade in and so on....
Is there a possibility this can be done?
Please help me !
Jose.