[Tenarius]

Hallo zusammen,

ich komme seit einigen Tagen bei einem Problem nicht weiter. Vielleicht habt ihr eine Idee.

ich möchte zwischen 2 divs ein div per hover erzeugen. Dieser soll aber nicht per display:none / block ein- und ausgeblendet werden, sondern animiert nach unten ein-sliden. Dabei ist mir wichtig dass sich das eingeslidete div trotzdem immer an seinem Inhalt anpasst. Ich kann also nicht mit Pixelwerten arbeiten, Prozentwerte funktionieren aber auch nicht.

Um das zu verdeutlichen habe ich ein Codepen für euch: click.

Vielleicht kann mir jemand helfen.

Grüße Tenarius

Edit: Ich habe den Codepen noch etwas genau bearbeitet: click

[Sailor56]

Versuche doch mal, ob du mit 'line-height' und 'font-size' (von 0em nach xem) deiner Vorstellung näher kommst.

[Tenarius]

Spätestens im Responsive würde das ein Problem werden...

Edit: Habe das Problem gelöst und in meinem verlinkten Codepen bearbeitet. slideUp() & SlideDown() habe ich nun verwendet.