I have a menu with images that make animations when the mouse is over one and one of the images (for each).
The code:
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); });
But I need to execute the function separately, one function for each menu item.
source share