<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">앞전 강의에서 마우스 오버했을때 서브 메뉴들이 display 되면서 나오는 강좌가 있었는데</div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">그건 jquery가 안들어가도 됐는데....</div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">그거와 차이점은 스크립트함수가 있는 slideDown을 쓸수있느냐 없느냐 차이인건가요?</div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">그래서 좀더 부드럽게 나오게 하는차이인가요? jquery안쓰고는 slidedown효과를 줄수없는거죠?css만 가지고는요.?</div>

<p>overflow: hidden과 min-width를 사용해서 제이쿼리 안쓰고 slidedown 효과를 css로도 만들 수 있습니다.</p>
<p>css로 만들지 않고 제이쿼리에만 의존하면 css 실력이 성장하는데 지장이 됩니다.</p>
<p>그래서 css로 할 수 있는 부분은 css로 해보는게 좋습니다.</p>

인프런 커뮤니티 질문&답변

dropdown 메뉴와 차이점