'slideDown'효과가 jquery와 작동하지 않습니다.

Question

jquery 효과로 slideDown 효과를 사용하고 싶지만 작동하지 않습니다. 효과를 구현하려고하는 요소가 이미 화면에 표시되어 있기 때문이라고 생각합니다. slideDown 효과가 나타나기 전에 숨겨져 있어야한다고 생각하지만 구현 방법은 확실하지 않습니다. 이것에 대한 모든지도가 감사하겠습니다.

Answer 1

시도하십시오 "디스플레이 : 없음;" 귀하의 요소에. jsfiddle을 참조하십시오.

Answer 2

CSS의 속성을 추가하려면이 하나 개

$(document).ready(function() {  
    $("div#id").hide().slideDown(); 
});