보여주는 블록 : "블록"

Question

어떻게 그 처음에 숨겨진이며, 또한display:block 외에 CSS 속성 을 사용, slideTogglefadeIn, 또는 유사한 기능을 사용하여 jQuery로 항목을 표시 할 수 있습니다 ? 나는 내가 볼 수있을 때 CSS를 html과 스타일에 style="display:none"을 추가 할 수 있다는 것을 알고 있지만 CSS 만 사용하는 방법은 무엇입니까? 또는 장점이있는 다른 방법? 요소를 보여줄 때 display:inline을 사용하여 jQuery를 "속이기"위해이 기법을 사용하는 것은 직관적이지 않으며 나중에 디버깅하기가 어려울 수 있습니다. 다음은 트릭을 사용하는 예제입니다 (두 번째 div가 표시된 후에도 두 div를 모두 유지합니다). jsFiddle

<div id="a">hello</div> 
<div id="b" style="display:none">world</div> 
<button>show world</button>​ 

JS :

$("button").click(function(){ 
    $("#b").fadeIn(); 
});​ 

CSS :

div{ 
    display:inline;  
}​