[jquery] proste menu Opcje

[kicaj]

Zastosowalem framework JQuery do dosc prostego menu:

[HTML] pobierz, plaintext 
<div id="nav">
            <ul>
                <li class="selected"><a href="#">pos1</a></li>
                <li><a href="#">pos2</a></li>
                <li><a href="#">pos3</a></li>
                <li><a href="#">pos4</a></li>
                <li><a href="#">pos5</a></li>
            </ul>
        </div>
[HTML] pobierz, plaintext 

I skrypt

Kod

$().ready( function()
{
    $( '#nav ul li a' ).hover(
    function()
    {
        $( this ).parent().addClass( 'selected' );
    },
    function()
    {
        $( this ).parent().removeClass( 'selected' );    
    });
});

Opis:
Jak widac, jako "wybrana" jest pierwsza pozycja (tlo), teraz po najechaniu myszka na inne pozycje podswietlaja sie na tem sam kolor, co "wybrany". Minusem w tym kodzie jest to, ze jesli najade myszka na pozycje pierwsza to po zjechaniu myszki zabiera mi tlo - co z kodu wynika praiwdlowo

Pytanie:
Jak zrobic aby pierwsza byla zawsze "wybrana" (miala tlo) tzn. nie usuwal tla gdzie w kodzie zdeklarowane jest "class=selected"

[empathon]

Kod

$().ready( function()
{
    $( '#nav ul li' ).not('a.selected').hover(
    function()
    {
        $('#nav ul li a.selected').addClass( 'selected' );
    },
    function()
    {
        $('#nav ul li a.selected').removeClass( 'selected' );    
    });
});

I klase ustalasz dla linka.

Ten post edytował empathon 6.05.2008, 00:21:55