jqury hover

jqury hover

Hi

Why does this work on my joomla site:

  1. $(document).ready(function(){
  2.     $(".moduletable_menu ul.menu li a, a.mainlevel").mouseover(function(){
  3.       $(this).animate({ paddingLeft: 10}, 300)
  4.     });
  5.     $(".moduletable_menu ul.menu li a, a.mainlevel").mouseout(function(){
  6.       $(this).animate({ paddingLeft: 0}, 300)
  7.     });   
  8.     
  9. });   


And this:

  1. $(document).ready(function(){
  2.    
  3. $('.moduletable_menu ul.menu li a, a.mainlevel').hover(
  4.     function() {
  5.   $(this).animate({paddingLeft: 10}, 300,
  6.    function() {
  7.   });
  8. });


doesn't?