Liebe(r) djbepy,
Hoi zäme,
Schwabe?
Bekomme nur das Ausgewählt bleiben irgendwie nicht hin.
Verleihe dem <div> über Dein onclick einen passenden Klassennamen (z.B. class="chosen"). Mittels CSS kannst Du diese Klasse dann schön gestalten.
Liebe Grüße,
Felix Riesterer.
Hoi Felix,
nein Schweizer :-)
Danke für den Tipp. Habe mal bissl gegoogelt und bin über folgendes Beispiel mit Hilfe von jquery gestossen:
div.tab {
background: white;
width: 100px;
border: 1px solid grey;
padding-left:5px;
}
div.tab.active {
background: blue;
}
div.tab:hover {
background: aqua;
}
.blue {background: blue;}
<div class="tab" style="float:right;">Tab 3</div>
<div class="tab" style="float:right;">Tab 2</div>
<div class="tab active" style="float:right;">Tab 1</div>
$('.tab').click(function() {
$(this).addClass('active').siblings().removeClass('active');
})
Jedoch blicke ich nicht, wo ich das jquery einbinden muss, damit es funzt. Auf der Beispiel-Seite geht es ohne Probleme:
http://jsfiddle.net/AYRh6/26/
Wo sehe ich den Wald vor lauter Bäumen mal wieder nicht?
Viele Grüsse,
Benny