lozel: jQuery Animation

Beitrag lesen

Hallo Leute,
ich versuche seit Tagen eine gescheite jQuery Animation hinzukriegen. Allerdings gelingt es mir nicht so.

Ich möchte eine Dropdownliste erstellen, mit folgender Animation:

In jedem Listenpunkt ist ein Bild. Der Listenpunkt ist mit overflow: hidden auf eine Höhe von 84px gesetzt. Nun soll das Bild ausgetauscht werden durch ein größeres, dann soll der Listenpunkt animiert werden und zwar in die Höhe bis man das ganze neue Bild sieht. Dann soll das Untermenü runter geslided werden.

Leider komme ich nicht drauf, wie man sowas realisieren kann.

<ul id="topNavigation">
<li>
<a href="#">A</a>
<img src="images/test.gif" alt="A" />
<ul>
<li>B</li>
<li>C</li>
</ul>
</li>
</ul>