I adapted this jquery styled nav shown here:
Smooth Animated jQuery Menu
The main function is below
I'm currently using <li> elements on other parts of the page besides just the nav bar and I'm wondering if there's a way to define the function to only include <li> elements within a specified div so that I don't have to change the structure to not use <and 'fake'> lists on the rest of the page since on rollover of those parts of the page they're also bouncing.
Is this plausible?
Smooth Animated jQuery Menu
The main function is below
Code:
$(document).ready(function(){
//Fix Errors - http://www.learningjquery.com/2009/01/quick-tip-prevent-animation-queue-buildup/
//Remove outline from links
$("a").click(function(){
$(this).blur();
});
//When mouse rolls over
$("li").mouseover(function(){
$(this).stop().animate({height:'150px'},{queue:false, duration:600, easing: 'easeOutBounce'})
});
//When mouse is removed
$("li").mouseout(function(){
$(this).stop().animate({height:'50px'},{queue:false, duration:600, easing: 'easeOutBounce'})
});
});
Is this plausible?