| Autor | Zpráva | ||
|---|---|---|---|
| frauen Profil * |
#1 · Zasláno: 5. 4. 2011, 23:51:59
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. |
||
|
Časová prodleva: 13 let
|
|||
0