Как сделать такую анимацию на jquery?

Question

[Indus Indusovich]

В шапке страницы joobis.com/w/d/redesignbackupoct16 есть модуль с сменами валюты,у него есть всплывающее окно,которое работает на css transition,я немного не понимаю,оно полность работает на CSS или только анимация,а сам ивент hover() сделан на jquery?Вот я хочу такую же анимацию сделать чисто на jquery,как это возможно?

Answer 1

[Илюша Прокопьев]

У всплывающего меню делаешь в css

display:none;
opacity:0;

А отступ сверху делаешь, например, на 10px больше нужного.
Потом примерно такой код на JQuery:

$("#block").mouseenter(function(){
    $("#block").slideDown(0).animate({"margin-top":"-=10px","opacity":"1"}, 300);
});

Answer 2

[Евгений]

Реализация на css3

Comments

[Денис Букреев]

хрень - при наведении на невидимый блок он так же появляется
беспонтовый код

[Евгений]

Денис Букреев: действительно, поторопился. Fixed