So ändern Sie die Klasse von einem element, wenn Sie auf einen Anker-tag link mit jquery
Gut, wie kann ich das ändern der Klasse (aktiv/non_active) eines Elements mit der ID, die ein Anker-tag ein link aktiviert, mit jquery?
HTML:
<a href="#element1">Show element 1</a>
<a href="#element2">Show element 2</a>
<div id="element1" class="active"><p>Element 1</p></div>
<div id="element2" class="non_active"><p>Element 2</p></div>
CSS:
.active{ visibility:visible; }
.non_active{ visibility:hidden; }
Vielen Dank im Voraus!
Du musst angemeldet sein, um einen Kommentar abzugeben.
Versuchen
dann
Demo: Fiddle
preventDefault
erforderlich, in diesem Fall gegeben, dass Ankerpunkte ein element innerhalb der gleichen Seite? Ich sehe keinen Unterschied, auch ohne dass.Können Sie einfach den
href
von der angeklickten element und verwenden, die als Selektor:Ist die
non_active
Klasse sogar notwendig? Ich würde weglassen, dass, und dann mit jQuery würde ich Folgendes tun (erweitert, etwas für die Lesbarkeit):CSS:
Demo