[JQuery] Płynne przejście jednego elementu w drugi Opcje

[qbas-s]

przykład:
mam element div o wymiarach wysokość: 100px szerokść:100px. W jaki sposób zrobić aby po najechaniu na ten element przechodził on płynnie do wymiaru wysokość 200px szerokość 100px. Element ma się rozsuwać do góry.
Np. dla chrome -web-transition: height 0.5s linear nie działa tak jak chcę bo element się płynie wysuwa ale w dół więc może jakieś rozwiązanie w jquery?

Ten post edytował qbas-s 19.07.2012, 10:37:33

[zbychoCom]

Już sam sobie na to pytanie odpowiedziałeś...
Popatrz na bibliotekę jQuery i zdarzenie .mouseover i funkcje takie jak toggle, show, hide, animate...

[toffiak]

http://jsfiddle.net/vF2hC/7/

[qbas-s]

odpowiedziałem sobie, ale jak wspomniałem nie do końca bo element mi się wysuwa w dół a ja chcę aby wysuwał się do góry. tu http://jsfiddle.net/vF2hC/7/ jest ok ale wysuwa się do dołu. Nie dodałem wcześniej że przed najechaniem na obiekt jest inny png a po najechaniu inny.

Ten post edytował qbas-s 19.07.2012, 17:06:45