채택완료
메가메뉴 슬라이드 다운 형태로 나오는것을 참고할 코드가 있을까요?
https://bootsnipp.com/snippets/Gq0z2
링크처럼 메가 메뉴가 슬라이더 형식으로 천천히 나오는 효과는 어디 코드를 참고할 수 있을까요?
따로 오픈되어 있는 곳이나 참고할 만한 자료 찾고 있습니다.
참고해서 직접 만들어 보고자 합니다.
답변 1개 / 댓글 3개
채택된 답변
+20 포인트
비버팩토리소스코드 보면 css랑 js가 다 포함 되었는데요
응용해서 제작하면 될것같아요
Copy
$(document).ready(function(){
$(".dropdown").hover(
function() {
$('.dropdown-menu', this).not('.in .dropdown-menu').stop(true,true).slideDown("400");
$(this).toggleClass('open');
},
function() {
$('.dropdown-menu', this).not('.in .dropdown-menu').stop(true,true).slideUp("400");
$(this).toggleClass('open');
}
);
});답변에 대한 댓글 3개
oneit
2022-10-18 (화) 22:05:54
2022-10-18 (화) 22:22:52
이거 참고해보세요
https://stackoverflow.com/questions/31873063/slidedownslow-delay1500-slideupslow-how-to-slideup-before-its-functi
https://stackoverflow.com/questions/31873063/slidedownslow-delay1500-slideupslow-how-to-slideup-before-its-functi
답변을 작성하려면 로그인이 필요합니다.
제가 생각하고 있는 기능은 mega menu 나오게 할시에 바로 나오는 것 보다는 dropdown 형식으로 천천히 아래로 나오는 것이 따로 있는지 해서 문의를 드렸습니다.
.slideDown("400");
이 코드를 이용해야 할지 아니면 다른 전형적인 방법이 있는지 해서 문의드렸습니다.