Развернуть div при наведении

Question

Я попытался сделать это с помощью CSS, ближайший, который я получил, был: http://jsfiddle.net/XyDec/ Это работает, но не скрывайте содержимое внутри, и я хотел бы плавной анимации так что я думаю, это время сценариев. я не могу их написать или не знаю, где их искать, кто-нибудь может мне помочь?

Answer 1

вы можете взглянуть на JQuery Javascript Framework (удобный и мощный) Вот пример плавного скольжения вниз div с использованием jquery:

http://api.jquery.com/slideDown/

это делается одной строкой: $("div").slideDown("slow");

надеюсь, что это поможет

Answer 2

Вы пробовали jQuery?Вы можете рассматривать div как объект и назначать действие событию с помощью методов jQuery.

Например:

function hide(){
$('#the-div').hide('slow')
}

Затем вы просто вызываете функцию для события hover.

Если вы хотите пойти еще дальше, вы можете назначить таймер, чтобы он показывался снова.Или даже использовать обратный вызов.

function hide(){
var x = $('#the-div')
$('#the-div').hide('slow', function(x){
    //do something with the variable x
    })
}

Я думаю, что это должно работать.

Надеюсь, это поможет.

Приветствия.