Effects on Menu with jQuery

Effects on Menu with jQuery

Hello,

i'm very new to jQuery,
and i already tried to animate my css based menu on my website.

i already managed, to fade in and fade out the opacity of the menu
on mouseover and mouseout.

what i like to set,
that the active state stays always at 1.0

this is what i tried

  1. $("#menu ul li a.active").animate({opacity: "1.0"}, 3000);

  2. $('#menu ul li a:link').animate({opacity: "0.5"}, 0);
  3. $('#menu ul li a:link').mouseover(function(){
  4. $(this).stop(true, false).animate({opacity: "1.0"}, 300);
  5. });
  6. $('#menu ul li a:link').mouseout(function(){
  7. $(this).stop(true, false).animate({opacity: "0.5"}, 300);

Thanks for your help in advance!

Chris


    • Topic Participants

    • info