title: How can I add an active state to this jQuery code
body: <p>Any opinion, how to add an active state (which remains highlighted after selected) to this code?</p>
  
  <p>jQuery:</p>
  
  <pre><code>$(function() {
      $("ul#navigation span").css("opacity","0");
      $("ul#navigation span").hover(function () {
          $(this).stop().animate({
              opacity: 1
          }, "slow");
      },
      function () {
          $(this).stop().animate({
              opacity: 0
          }, "slow");
      });
  });
  </code></pre>