Jquery FadeUp/down n.a.v. de inhoud

[E-jey]

Ik ben bezig met een website en ik wil div laten groeien volgens de inhoud. Dat moet gewoon kunnen met min-height, als je er dan een nieuwe tekst in stopt met JS dan moet de div gewoon mee groeien. Alleen het moet groeien met een effectje, bij voorkeur jQuery fadeUp en fadeDown. De div is een container div voor een menu. Het menu is vergelijkbaar met het menu op GOT onder FAQs. Alleen dan zit het in een container div die even breed is als het scherm. De hoogte is dus afhankelijk van de inhoud.

De oplossing waar ik nu aan denk is een event te koppelen als de height van die div verandert en dan het effectje toepassen. Ik betwijfel of dat echt mogelijk is. Hebben jullie betere oplossingen? Ik heb het idee dat het simpeler moet kunnen.

[OkkE]

Wat ik zo snel kan bedenken: http://jsfiddle.net/okke/EuvEM/

code:

<div class="wrapper">
    <div class="content">...</div>
</div>

Zet met javascript onDocumentReady de height van .wrapper op wat die op dat moment is en de overflow op hidden. Dan de nieuwe content toevoegen met javascript binnen de .content en onComplete laat je de .wrapper zijn height animeren naar de height van .content.

[ Voor 3% gewijzigd door OkkE op 06-10-2011 12:56 ]