Jquery div 내 div에 페이드 인

Question

도와주세요.

이것은 내 웹 페이지입니다.

<div id="wrapper"> 

    <div id="header"> 
     header text 
    </div> 

    <div id="content"> 
     content text 
    </div> 

</div> 

#content 블록을 페이드 인시키고 싶습니다.

$("#wrapper").fadeIn(1500);을 사용하면 전체 페이지가 흐려집니다. 그러나 $("#content").fadeIn(1500);을 사용하면 결코 작동하지 않으므로 페이딩과 관련하여 아무런 문제가 없습니다.

내가 뭘 잘못하고 있니?

나는 $("#wrapper #content").fadeIn(1500);도 시도했지만 행운은 없습니까? #content div 만 타겟팅하는 방법을 알려주시겠습니까?

감사 힙

Answer 1

이 개 jQuery를 요소를 선택, 쉼표로 구분 :

$ ("# 래퍼, #content")를 fadeIn (1500).

이 multiple selectors

편집을 참조하십시오 :이 아래로 투표 이었기 때문에, 나는 더 명확히 할 필요가 있다고 생각 ... 당신은 그 자체로 #wrapper에서 페이딩 작동하는지 말한다. #wrapper가 기본적으로 숨겨져 있다고 가정 할 수 있습니다. 따라서 래퍼의 자식 요소 중 하나를 "표시"하려면 #content를 페이드 인하 기 전에 페이드 인해야합니다 (또는 최소한 show()을 사용하여 표시 속성을 '블록'으로 설정해야합니다). 위의 그림과 같이 wrapper와 content divs 모두에서 페이드를 수행하면됩니다.

Answer 2

예제 페이지/코드를 보지 않고도 말하기는 어렵지만 #wrapper은 숨겨져 있지만 #content은 보이지 않는 것처럼 들립니다. 당신이 페이드 인 경우 #wrapper (따라서 모든 포함 된 내용을 표시)

그래서 그것은 작동하지만 페이드 인 경우 #content는 부모 (#wrapper)이 있기 때문에 여전히 숨겨져 작동하지 않습니다.

#wrapper을 기본적으로 표시되도록 변경하고 #content을 숨김으로 변경하여 페이드 인에서 올바르게 표시되도록 할 수 있습니다.

다시 말하지만,이 모든 것은 지금 시점에서의 추측입니다. 링크/샘플을 추가하면 더 나은 답변을 줄 수 있습니다.

Answer 3

저에게 효과적입니다. 기본적으로 display: none에 http://jsfiddle.net/xwqPA/

Answer 4

설정 콘텐츠 사업부 : 여기의 예를 참조하십시오 가능성이 가장 높은 원인

<div id="wrapper"> 
    <div id="header"> 
    header text 
    </div> 
    <div id="content" style="display: none;"> 
    content text 
    </div> 
</div>​​​