Problem mit Javascript (JQUERY) in Navigation

[sindyho0374]

Guten morgen liebe Freunde.
Ich arbeite gerade an einer Seite wo ich eine Rollovernavigation integriert habe. Die Navigation liegt im DIV #menu, funktioniert einwandfrei aber das dazugehörige Javascript greift nun auf alle übrigen Links die ausserhalb der Navigation sind zu. Was kann man tun um das Problem abzustellen? Danke im Voraus.

Hier einmal das Javascript:

$(document).ready(function(){
   
    //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:'40px'},{queue:false, duration:600, easing: 'easeOutBounce'})
    });
   
});

und hiermal der Code von der Navigation:

        <div id="menu">
        <ul>
   
    <li class="rollover">
        <p><a href="#">Home</a></p>
        <p class="subtext">The front page</p>
    </li>

    <li class="rollover">
        <p><a href="#">Home</a></p>
        <p class="subtext">The front page</p>
    </li>

    <li class="rollover">
        <p><a href="#">Home</a></p>
        <p class="subtext">The front page</p>
    </li>

    <li class="rollover">
        <p><a href="#">Home</a></p>
        <p class="subtext">The front page</p>
    </li>
    </ul>
   
    </div>

 

[FlashZange]

Sollte reichen, wenn du

$("li").mouseover(...

und

$("li").mouseout(...

durch

$("#menu li").mouse...

ersetzt

 

[sindyho0374]

Danke, es funktioniert.
LG