Farbe der ausgewählten Menüregisterkarte ändern
Ich habe dieses Snippet aus einer anderen Frage genommen:
<script type='text/javascript' >
$(document).ready(function () {
$("div.content ul li a")
.mouseover(function () {
var t = $(this);
if (!t.hasClass("clicked")) { // very easy to check if element has a set of styles
t.addClass('mouseover');
}
})
.mouseout(function () { // attach event here instead of inside mouse over
$(this).removeClass('mouseover');
});
$("div.content ul li a").click(function () {
var t = $(this);
t.toggleClass("clicked");
if (t.hasClass("clicked")) {
t.removeClass('mouseover');
} else {
t.addClass('mouseover');
}
});
});
</script>
Das Letzte, was ich wollte, ist das Wiederherstellen der normalen CSS-Registerkarten, wenn auf eine andere Registerkarte geklickt wird. Zum Beispiel sind die B-Farben des Tabs weiß, wenn ich auf tab1 klicke. Wenn ich auf tab2 gehe, wird es schwarz. Tab1 wird weiß und Tab2 wird schwarz.
<ul>
<li>
<a href="#Tab1">Tab 1</a>
</li>
<li>
<a href="#Tab2">Tab 2</a>
</li>
</ul>
Sagen wir mal hier ist der CSS-Teil
ul li a {background-color: white;}
ul li a.mouseover {background-color: black;}
ul li a.mouseout {background-olor: white;}
ul li a.clicked {background-color: black;}