메가메뉴 슬라이드 다운 형태로 나오는것을 참고할 코드가 있을까요?
본문
https://bootsnipp.com/snippets/Gq0z2
링크처럼 메가 메뉴가 슬라이더 형식으로 천천히 나오는 효과는 어디 코드를 참고할 수 있을까요?
따로 오픈되어 있는 곳이나 참고할 만한 자료 찾고 있습니다.
참고해서 직접 만들어 보고자 합니다.
답변 1
소스코드 보면 css랑 js가 다 포함 되었는데요
응용해서 제작하면 될것같아요
$(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');
}
);
});
답변감사합니다. 저도 해당 소스코드를 보았으나 다른 전형적인 애니메이션 방법이 있을지 해서 문의를 드렸습니다.
제가 생각하고 있는 기능은 mega menu 나오게 할시에 바로 나오는 것 보다는 dropdown 형식으로 천천히 아래로 나오는 것이 따로 있는지 해서 문의를 드렸습니다.
.slideDown("400");
이 코드를 이용해야 할지 아니면 다른 전형적인 방법이 있는지 해서 문의드렸습니다.
답변 감사합니다. 링크 참고해서 개발하도록 하겠습니다.
답변을 작성하시기 전에 로그인 해주세요.
