javascript - Javascript - 解体メニュー

Question

マウスが画像の上にあり、画像の外にあるときにアニメーションを行う画像のメニューがあります（各画像について）。

コードは次のとおりです。

var nav = $('.menu');
nav.navs({
    useHash:true,
    defHash: '#!/page_splash',
    //myComm - Menus Hover In 
    hoverIn:function(li){
            $('a>span', li).stop().animate({'marginTop': -400},1000,'easeInOutExpo');
            $('a>strong',li).stop().animate({height:0},800,'easeInOutExpo');
    },
    //myComm - Menus Hover Out 
    hoverOut:function(li){
        if ((!li.hasClass('with_ul')) || (!li.hasClass('sfHover'))) {
            $('a>span', li).stop().animate({'marginTop': marOver},1600,'easeOutElastic');
            $('a>strong',li).stop().animate({height:414},1200,'easeOutBounce');
        }
    }
})
.navs(function(n){  

    $('#content').tabs(n);
});

ただし、メニューの項目ごとに 1 つの関数を個別に実行する必要があります。