✔ jquery hover animate height

[Netzwerkidi]

Hallo,

ich verzweifel langsam.
Jquery macht ein hover.animate(height) mit "auto" nicht, mit einem Wert, z.B. 500px, klappt es dagegen.
Wer weiß, wie es geht (Mouse über Feld rechts halten)?
http://fiddle.jshell.net/Y9cV8/

Es geht um diesen Part:

 animateIn1 = {      // 500px bei height klappt im Test, ist aber nicht immer passend
   height: "auto",   // "auto" wäre korrekt, klappt aber nicht
   width: "400px"
},

LG
Idi

 

[Rainve]

Füge diesen Code nach Zeile 17 ein:

var curHeight = $(selection).height();
$(selection).css('height', 'auto');
var autoHeight = $(selection).height();
$(selection).height(curHeight).animate({height: autoHeight+'px'});

Hoffe das ist das was du dir vorgestellt hast.

 

[Netzwerkidi]

Das ist es. Thx.
Jetzt muss ich es nur noch verstehen.
Warum diese Klimmzüge für eine einfache Sache?

Wie kann man denn abstellen, dass die Höhe zwar nun geändert wird, aber weit über den Text hinausgeht? Antwort gerade gefunden: Diese Zeile weglassen:

$(selection).height(curHeight).animate({height: autoHeight+'px'});

Eigentlich soll dieser ganze Wahnsinn ohnehin nur das CSS ersetzen, weil das immer sofort aktiv, sobald man mit der Maus drüber geht, nur wird es verzögert unter Inkaufnahme von zig Zeilen Code. Wenn man das rein mit CSS macht, wie es bisher ist, wird es richtig gemacht.
Im Prinzip sollte es eine Art CSS mit Ausführungsoptionen geben.

 

[erik s.]

Warum packst du nicht alle CSS-Attribute in deine animateIn- und animateOut-Objekte?
Like this: http://fiddle.jshell.net/Y9cV8/22/

 

[Netzwerkidi]

Ich meine, das hatte ich anfangs mal gehabt.
Aber da es nicht klappte, war meine Überlegung, es könnte daran liegen, dass nicht alle animierbar (z. B. z-index) sind - wenn es nicht ein anderer Fehler war, den ich aber nicht entdeckt habe.
Aber, wie es scheint, geht es ja. Thx, habe es geändert