Dumb jquery question: function that creates mouseover on <li> element.

Sonny Forelli

Well-known member
May 8, 2008
2,330
89
48
Liberty City
I adapted this jquery styled nav shown here:

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'})
    });
    
});
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?