jQuery Can't get the "else" part of a satement to work

[kao]

So i have a navigation area with tabs of to the side im changing their z-index
so its pops out when hovered on. the first part works fine it pops out.

but i cannot seam to figure out how to get it to revert back to its default level.

      <script type="text/javascript">
      var value = parseInt($("#aa1").css("z-index"))
      var value2 = parseInt($("#aa1").css("z-index"))

      
      $("#aa1").hover(function() {
      if (value == value2) {
         $(this).css({'z-index' : (value + 22), 'font-weight' : 'bolder'});
        }
        
        else 
        { $(this).css({'z-index' : (value), 'font-weight' : 'normal'}) }
        });
      
      
      
      </script>

the button titled What is the working example
live example is here http://dev.f-k-n.net/dmtm/gnav.html


Thanks for looking.

[SB65]

jQuery hover() can take two arguments, which allows you to run a function on mouseenter and another on mouseleave . Assuming you want to revert on mouseout then try:

      <script type="text/javascript">
      var value = parseInt($("#aa1").css("z-index"))

     $("#aa1").hover(function() {
               $(this).css({'z-index' : (value + 22), 'font-weight' : 'bolder'});//function on mouseenter
      },function(){
	       $(this).css({'z-index' : (value), 'font-weight' : 'normal'});//function on mouseleave
      });
      
      
       </script>

[kao]

Awesome thanks, SB65. That worked like a charm.

Also, I am glad also that you told me that it supports 2 Arguments.
I am new to learning jquery and still haven't reached the apex of its learning curve.