jquery siblings Problem
Thomas
- javascript
0 Baba0 Baba
0 Malcolm Beck´s
Hallo
Habe eine ul/li Navigation:
<div class="subsubnav">
<ul>
<li><a class="moveto active" rel="35" href="/1924">1924</a></li>
<li><a class="moveto" rel="36" href="/1957">1957</a></li>
<li><a class="moveto" rel="37" href="/1963">1963</a></li>
<li><a class="moveto" rel="38" href="/1965">1965</a></li></ul></div>
die ich über jquery ansteure und die geklickte jeweils aktivere. Allerdings sollten alle anderen dann wieder in der normalen Anzeige dargestellt werden. Mein jQuery-Code:
$('.subsubnav a').on('click', function(){
$(this).addClass('active').siblings().removeClass('active');
});
Leider funktioniert das zurücksetzen nicht. Kann mir jemand helfen?
Danke und Gruss
Thomas
Warum sollten die a's Geschwister sein? Wenn du damit leben kannst, dass die Klasse "active" auf li's gegeben wird, statt auf a's, sollte es so gehen:
$('.subsubnav li').on('click', function(){
$(this).addClass('active').siblings().removeClass('active');
});
Sonst müsstest Du entweder noch ein prev() vor dem siblings(), und ein find("a") nach dem siblings() angeben. Oder sowas:
~~~javascript
$(".subnav a").each(function(){
$(this).removeClass("active");
});
Cheers,
Baba
EDIT: parent() war gemeint.
Sonst müsstest Du entweder noch ein parent() vor dem siblings(), und ein find("a") nach dem siblings() angeben.
Cheers,
Baba