제이쿼리 잘아시는분 채택완료
http://www.competitivecyclist.com/" target="_blank">http://www.competitivecyclist.com/
여기 사이트 보시면 대메뉴 hover시 열린상태로 다른 대메뉴 hover시에는 열린 100% 박스가 유지된채 서브메뉴가 나타나잖아요.
이거 구현이 잘 안되네요 ㅡㅜ;;;;;;
100% 박스를 담당하는 클래스가 conPOP 입니다
jQuery(function( $ ) { $.fn.Megadropdown = function(options) { var settings = $.extend({ activeClass: 'open', fadeInDuration: 150, fadeOutDuration: 'fast', hoverTimeout: 50 }, options ); function openmenu() { $menu = $(this); $menu.addClass(settings.activeClass) .find('div[class^="conPOP"]') .stop(true, true) .slideToggle(settings.fadeInDuration) .addClass('animated') .addClass(settings.slideToggle, function(){ this.addClass('navvisfix') }); } function closemenu() { $menu = $(this); $menu.removeClass(settings.activeClass) .find('div[class^="conPOP"]') .stop(true, true).slideToggle(settings.fadeOutDuration) .addClass(settings.slideToggle).removeClass('navvisfix'); } $nav = this; //Fallback, remove css hover classes. $nav.removeClass('nojs').addClass('dsmenu'); //Animate the menu using jQuery if (!$.fn.hoverIntent) { // Hover Intent not found so use the standard jquery hover // Todo: Add CSS delay to simulate hoverIntent in newer browsers - settings.delay $('.dsmenu li').hover({over : openmenu, out : closemenu}); }else{ //Found HoverIntent so use it $('.dsmenu li').hoverIntent({over : openmenu, out : closemenu, timeout : settings.hoverTimeout}); } return this; }; }(jQuery));
답변을 작성하려면 로그인이 필요합니다.
로그인