Скатитесь Div на кнопку переключения

Question

У меня есть следующий код, который работает, чтобы создать DIV на клик, но я хотел бы DIV сползать вниз медленно и появляются не сразу:

function hideshow(which) { 

if (!document.getElementById) return 
if (which.style.display == "none") which.style.display = "block" 
else which.style.display = "none" 

Я нашел некоторые код, который, как представляется, делать то, что я после, но я с трудом интегрирующую его в мой существующий код (выше):

$(document).ready(function() { 
$("#button").toggle(function() { 
    $(this).text('Hide'); 
}, function() { 
    $(this).text('show'); 
}).click(function(){ 
    $("#hidden_content").slideToggle("slow"); 
}); 

Я воткнул на Js скрипку, если это помогает (с поддерживающим CSS) :

http://jsfiddle.net/dRpWv/479/ и http://jsfiddle.net/dRpWv/447/

Answer 1

Использование JQuery свойство "slideDown"

My Codepen

function hideshow() { 

    var i = 1; 
    if (document.getElementById('effet').style.display == "none") { 




    $('#effet').slideDown("normal"); 
    document.getElementById('effet').style.display = "block"; 
    i = 2; 


    } else { 

    if (i == 1) { 
     $('#effet').slideUp("normal", function() { 
     document.getElementById('effet').style.display = "none"; 
     }); 
    } 

    } 
}