Mit Transitions. Hier gibts ein gutes Tutorial.
Werd ich mir mal reinziehen, nur wird es halt auch noch nicht komplett unterstützt. Darf ich aber nicht meckern, weil mein JavaScript wird von IE8 auch nicht interpretiert! Weiß eine warum? Er klappt das menu einfach komplett aus ohne jedliches Event-Empfinden.
jQuery ist ein Javascript-Framework, da gibt es kein Vermischen :P
Ich weiß. :p
Achja, habe den Code von oben überarbeitet und funktioniert jetzt einwandfrei (lediglich schließt er sich auch wenn ich vom ersten DIV runterfahre, dass muss ich noch anpassen), aber das öffnen und schließen interpretiert er auch unter schnellem "Lastwechsel" fehlerfrei.
Hier der Code:
themes[0].onmouseover = Drop;
dropdownMenu.onmouseout = Drop;
.
.
.
function Drop (e){
//Ausgangs- und Endhöhe definieren
var fixedheight = themes[0].offsetHeight + 9;
var endheight = 400;
//Abfragen welches Event gerade stattfinden
if(e.type == "mouseover")
{
clearInterval(IntervalDrop);
IntervalDrop = setInterval(function(){MoveDown(endheight, fixedheight)}, 15);
}else
{
clearInterval(IntervalDrop);
IntervalDrop = setInterval(function(){MoveUp(endheight, fixedheight)}, 15);
}
}
function MoveDown(endheight, fixedheight){
if(variableheight <= endheight)
{
variableheight += 8;
dropdownMenu.style.height = variableheight + "px";
}else
{
clearInterval(IntervalDrop);
}
}
//DROP_DOWN-MENU MOVE UP !!
function MoveUp(endheight, fixedheight){
if(variableheight >= fixedheight)
{
variableheight -= 8;
dropdownMenu.style.height = variableheight + "px";
}else
{
clearInterval(IntervalDrop);
}
}
Ist kürzer und ich konnte Variablen einsparen.
LG Mike