Jquery при наведении курсора

Question

Привет, что я сделал, так это на document.load. Я уменьшил высоту навигации и оживил div под навигацией.То, что я хочу сделать, это при наведении курсора на каждый li в навигационной системе перевернуть анимированный код jquery, приведенный ниже:

              $('.tabs li a').animate({
                height: '40'
              }, 1000, function() {
                // Animation complete.
              });

              $('#tabs-wrap').animate({
                marginTop: '-=147'
              }, 1000, function() {
                // Animation complete.
              });

Как бы мне поменять местами этот код, но с триггерами наведения курсора ??

Спасибо

Answer 1

Что-то похожее на следующее?

$('tabs li a').hover(function(){
  $(this).animate({height:40}, 1000, function(){
      //animation complete
  });
}, function(){
  $(this).animate({height:0}, 1000, function(){
      //animation complete
  });  
});

$('#tabs-wrap').hover(function(){
  $(this).animate({marginTop: '-147'}, 1000, function(){
   //animation complete   
  });

}, function(){
  $(this).animate({marginTop: '147'}, 1000, function(){
   //animation complete
  });

});

Обратите внимание: кроме анимаций, подобных этой, не забудьте остановить анимацию перед тем, как приступить к другой анимации на вашем элементе.

Пример:

$(this).stop().animate({height:300}), 1000, function(){ });

Answer 2

Если я правильно понял, вы ищете функцию .hover () , не так ли?