슬라이드 아래로 사업부

Question

난 클릭에 사업부를 작성하기 위해 노력하고 다음 코드를 가지고,하지만 난 즉시 나타나지 천천히 아래로 슬라이드 사업부를 좋아 않을 것이다 : 나는 몇 가지를 발견했습니다

function hideshow(which) { 

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

을 표시 코드가 난 후 무엇을하는,하지만 난 어려움 (위) 기존 코드에 통합하는 데 문제가 있습니다 : 그 도움이된다면 나는 (지원 CSS로) JS 바이올린에 붙어했습니다

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

:

,485,499,및 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"; 
     }); 
    } 

    } 
}