Как сделать разворачивание блока на чистом JS?

Question

[Mesuti]

Привет!
Есть разворачивание блока.
Как можно сделать это разворачивание на чистом JS ?
Чтобы было плавным- разворачивается блок одновременно с текстом.
Пример разворачивания на CSS:
Песочница jsFiddle

Comments

[Stalker_RED]

А зачем это джелать на js? На css всяко лучше.

Answer 1

[phpshnik]

Почти тоже самое только на 5 сек открывается но можешь переделать

var timeout;
$('#trigger').hover(
    function() {
        timeout = setTimeout(function(){
            $('#hiddenDiv').show();
        }, 5000); //5 seconds
    },
    function(){
        clearTimeout(timeout); 
        $('#hiddenDiv').hide();
    }
);

Comments

[Mesuti]

При наведении на #trigger показывается\исчезает #hiddenDiv.
Спасибо, полезный скрипт.
Но я спросил о разворачивании полуоткрытого блока.

[y0u]

phpshnik Это не похоже не чистый JS. Больше похоже на jQuery.

[phpshnik]

Александр Сорокин, сделай что то вроде preloader где и будет *полуоткрытый текст* а после наведения preloader изчерает и появляется сам див с текстом