CSS 전환 - 난 DIV # 1 (b)의 표시 여부를 제어하는 ​​<code>$("#b").fadeIn()</code> 및 <code>$("#b").fadeOut()</code>를 사용 JS에서 (jQuery를) 응답 재배치

Question

<div id="a">my content blah blah .....</div> 
<div id="b" style="display: none">magic content blah blah</div> 
<div id="c">other stuff</div> 

애니메이션

jQuery를 애니메이션/마지막 DIV (DIV # 1 (C))을 종료한다 시작될 때 이동 (div # a)에서 (div # b에서) (fadeIn에서)

div # c의 이동을 어떻게 움직일 수 있습니까? (css 전환으로 div (#c)를 위아래로 부드럽게 이동).

'이동'이란 아이템이 사라지거나 (fadeOut) 항목이 사라지거나 화면의 '해상도'가 변경 될 때 브라우저가 수행하는 요소 재배치를 의미합니다 (응답 대응) 감사합니다.

Answer 1

당신이 fadeIn() 및 fadeOut()를 사용하고, 당신은 display: none;에 display: whatever에서 요소를 변경하고, 그 반대의 경우도 마찬가지입니다. 표시 방법을 사용하는 DOM 요소에는 전환 속성이 ​​없습니다. 따라서 CSS3 전환으로 전환하는 것이 가장 좋으며 opacity, visibility 및 max-height과 같은 전환 속성이 ​​혼합되어 있습니다. 그렇지 않으면 GSAP와 같은 JS 라이브러리를 사용할 수 있습니다. - https://greensock.com/gsap