제이쿼리 잘아시는분
본문
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));