Autor Zpráva
frauen
Profil *
Zdravím,

mám daný seznam a po kliknutí na jeho položku bych chtěl zobrazit daný prvek, ostatní prvky skrýt.

HTML:
<div id="sidebar">
    <ul>
        <li>
            <span>Menu Item</span>
            <ul class="sub">
                <li><a href="">Menu Sub Item</a></li>
                <li><a href="">Menu Sub Item</a></li>
                <li><a href="">Menu Sub Item</a></li>
            </ul>
        </li>
        <li>
            <span class="active">Menu Item</span>
            <ul class="sub">
                <li><a href="">Menu Sub Item</a></li>
                <li><a href="">Menu Sub Item</a></li>
                <li><a href="">Menu Sub Item</a></li>
            </ul>
        </li>
        <li>
            <span>Menu Item</span>
            <ul class="sub">
                <li><a href="">Menu Sub Item</a></li>
                <li><a href="">Menu Sub Item</a></li>
                <li><a href="">Menu Sub Item</a></li>
            </ul>
        </li>
    </ul>
</div>

JS:
// Skrýt položky, které nemají class="active"
$("#sidebar span").not(".active").next().hide();

// Hover
$("#sidebar span").hover(
    function(){
        $(this).addClass("hover");
    },
    function(){
        $(this).removeClass();
    }
);

// Kliknutí na prvek
$("#sidebar span").click(function(){
    $(this).next().slideToggle();
});

Vždy možnost skrytí/zobrazení položky pomocí slideUp/slideDown (slideToggle).

Pokud bude aktivní položka a kliknu na jinou, aktivní položka se skryje pomocí slideUp a položka, na kterou se kliklo, se zobrazí pomocí slideDown.

Poradíte mi, prosím, jak upravit výše uvedený kód?

Děkuji mnohokrát.

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: