jquery und hover

[kellerwichtel]

Hallo zusammen,

ich habe auf meiner Website ein vertikales Menu (jquery) verwendet. Alles funktioniert wunderbar, nun möchte ich zweierlei ändern:
1. das die einzelnen Buttons beim Überfahren die Farbe ändern,
2. der aktive Button soll diese Farbe dann behalten.

Habe weder bei Frau Google noch im Forum etwas für mich verständliches gefunden, wäre nett wenn jemand helfen könnte... Dankeschön im Voraus

<script src="http://jquery.com/src/jquery.js"></script>
<script>
$(document).ready(function(){
$("dd:notfirst)").hide();
$("dt a").click(function(){
$("dd:visible").slideUp("slow");
$(this).parent().next().slideDown("slow");
return true;
});
});
</script>
<style>
body { font-family: Tahoma; font-size: 13px; }
dl { width: 150px; }
dl,dd { margin: 0; }
dt { background: #6699CC; font-size: 14px; padding: 5px; margin: 2px; }
dt a {
color: #ffffff;
text-decoration: none;

}
dd a { color: #000; }
ul { list-style: none; padding: 5px; }
#apDiv10 {
position:absolute;
width:200px;
height:115px;
z-index:1;
left: 638px;
top: 187px;
}
</style>

 

[Doitsu]

AW: jquery und hover

1.


2. wo ist das problem? Beim Klick einfach mit dem Event 'onclick' (bzw. jquery .click) eine Klasse hinzufuegen, wenn das ganze dann allerdings auch nach neuem Seitenaufruf gespeichert sein soll musst du halt eine Cookie setzen - wenn einer gesetzt ist nimmst du die id aus dem Cookie & faerbst diese dann ein.

 

[sokie]

AW: jquery und hover

das ist sehr theoretisch, wenn die Antwort nicht passt, link zur seite.
mit dem not(selektor) kannst du bestimmte elemente aus der Auswahl entfernen zB:

$("dt a").not(".active")

würde alle a elemente selektieren die in einem dt liegen, mit ausnahme des a mit der klasse 'active'

:not() Selector – jQuery API

 

[kellerwichtel]

AW: jquery und hover

Erstmal vielen Dank für eure Hilfe. Als Layouter stelle ich mich da jedoch ziemlich dumm an. Ich denke mehr in Grafik als in Codes und werde das Menu wohl lassen wie es ist.