Guten Tag,
Ich möchte das, der zuletzt aktive link in meinem Inhaltsverzeichnis angezeigt wird.
Da es mittels iFrame auf jeder Seite eingebunden ist, kann ich dies nicht mit class="active" auf den jeweils aktiven link realisieren.
Deshalb entschied ich mich für eine Lösung mit Java-Script.
Der Code funktioniert so weit auch ganz gut.
Das Problem ist aber, dass er nur einmal reagiert.
Nur beim ersten klick auf einen Link ändert sich die Hintergrundfarbe, wenn ich danach einen anderen aktivere und anschließend wieder auf den davor aktivierten, ändert sich die Farbe leider nicht mehr.
Gibt es eine Möglichkeit das Script so zu ändern, dass es auch mehrmals funktioniert?
Über eine Antwort würde ich mich sehr freuen.
Code
<!DOCTYPE HTML>
<head>
<script src="/js_webseite/jquery.js"></script>
<style>
.an{
background:green;
}
.aus{
background:none;
}
</style>
</head>
<body>
<div id="list">
<li><a href="#">link1</a></li>
<li><a href="#">link2</a></li>
<li><a href="#">link3</a></li>
</div>
<script>
$('a').click(function(){
$(this).removeClass('an');
$('a').addClass('aus');
f=$(this).hasClass('an');
if(f==false) {
$(this).removeClass('aus');
$(this).addClass('an');
}
});
</script>
</body>
</html>