Menu fade in (Javascript)

Question

Im trying to figure out how could I make the menu on my website fade in. I would like it so each menu item fades in individually. So when item 1 is nearly faded in item 2 starts fading in and so on. How would I do this using Javascript or JQuery?

Answer 1

I think you are looking for this. Fade-in menu using html,css and jquery

  $("#menu li").hover(

      function () {
        $(this).children("ul").finish().fadeIn();
      },
      function () {
         $(this).children("ul").finish().delay(1000).fadeOut();
  });

Jsfiddle Link