用鼠標離開反轉jquery動畫

Question

這真的讓我感到沮喪，因為這是一個簡單的問題，我知道當有人給哈哈的1行回答時，我自己會臉紅。 無論如何，我在mouseenter片段上有以下內容

$("nav#primary ul li").mouseenter(function(){
    $(this).find('ul:first').stop(true, true).animate({
              height: ['toggle', 'swing'],
              opacity: 'toggle'
          }, 300, 'linear');
  });

我的問題是，在鼠標離開原邊后，如何反轉動畫的效果？

Answer 1

$("nav#primary ul li").mouseenter(function(){
    //your code for mouseenter
},function(){
    //your code for mouseleave
});

Answer 2

如果我正確理解了您的問題，則當鼠標進入一個元素時，您正在設置動畫和不透明度，並在離開時恢復到原始狀態。

$( "av#primary ul li" ).hover(
    function() {  // on mouse enter
        // save the original values
        var h = $(this).css('height');
        var o = $(this).css('opacity');
        $(this).attr('data-Oheight',h).attr('data-Oopacity',o);
        // do your animation here
    }, function() {     // on mouse leave
        // retrive the original values
        var h = $(this).attr('data-Oheight');
        var o = $(this).attr('data-Oopacity');
        // revert back
        //do your animation to revert back
    }
);

但是，話雖如此，但是還有GreenSock的TweenMax工具。 這些動畫要求非常方便。 讓我知道您是否需要了解更多。