Posted By

1man on 03/10/08


Tagged

opacity navigation jquery fade animation


Versions (?)

Who likes this?

1 person have marked this snippet as a favorite

orion


jQuery Fade In Sequence


 / Published in: JavaScript
 

I'm sure i can clean this up quite a bit, but it works for the moment.

This function looks to see if you are on a selected page. If you are it hides the navigation, then loops through and shows each li one after the other. So they don't all fade in together. Needs a tidy i think.

  1. if($j('body').is('#mtvGuy')){
  2. //Hide before the fade
  3. $j('div#sideNav li').hide();
  4. /**
  5. * Side Navigation fade in loop
  6. */
  7. function outer(){
  8. var a = 0;
  9. function inner(){
  10. if(a===$j('div#sideNav li').length){return;}
  11. a++;
  12. $j('div#sideNav ul li').eq(a).fadeIn(210,function(){fader();});
  13. }
  14. return inner;
  15. }
  16. var fader = outer();
  17. fader();
  18. }

Report this snippet  

You need to login to post a comment.