jQuery(function($) { //↓fade spead var FadeInTime = 300; //hover timer var HoverTime = 100; var ou = $('#blt_global_container'); var al = $('.blt_children'); var ba = $('#blt_child1'); var bb = $('#blt_child2'); var bc = $('#blt_child3'); var bd = $('#blt_child4'); var be = $('#blt_child5'); var bf = $('#blt_child6'); var bg = $('#blt_child7'); var bh = $('#blt_child8'); var parent = $('div.blt_global_parents>div>ul>li'); var target = document.querySelectorAll('#blt_global_container > div > div > .blt_global_parents > div > ul > li'); var target7 = ('#blt_global_container li'); $(target7).addClass('blt_li'); var timerId; var flg = $(1); var top_of_element=0; var height_of_element=0; var bottom_of_element=0; var left_of_element=0; var width_of_element=0; var right_of_element=0; //parent hover action 1~8 $( parent ).eq( 0 ).hover(function(){ParentHover(0,ba);},function(){clearTimeout(timerId);}); $( parent ).eq( 1 ).hover(function(){ParentHover(1,bb);},function(){clearTimeout(timerId);}); $( parent ).eq( 2 ).hover(function(){ParentHover(2,bc);},function(){clearTimeout(timerId);}); $( parent ).eq( 3 ).hover(function(){ParentHover(3,bd);},function(){clearTimeout(timerId);}); $( parent ).eq( 4 ).hover(function(){ParentHover(4,be);},function(){clearTimeout(timerId);}); $( parent ).eq( 5 ).hover(function(){ParentHover(5,bf);},function(){clearTimeout(timerId);}); $( parent ).eq( 6 ).hover(function(){ParentHover(6,bg);},function(){clearTimeout(timerId);}); $( parent ).eq( 7 ).hover(function(){ParentHover(7,bh);},function(){clearTimeout(timerId);}); function ParentHover(num, myid){ var timer = function() { timerId = setTimeout(function() { if(!(( parent ).eq( num ).hasClass('blt_current_hover'))){ $(al).hide(); $( parent ).removeClass('blt_current_hover'); $( parent ).eq( num ).addClass('blt_current_hover'); setTimeout(function() { if( $( myid ).children().hasClass('blt_global_item') ){ $(myid).css("display","inherit"); } },50); } if(myid.css('display')=='none'){ if( $( myid ).children().hasClass('blt_global_item') ){ myid.fadeIn(FadeInTime); //myid.slideDown(FadeInTime); top_of_element = $(myid).offset().top; height_of_element = $(myid).outerHeight(); bottom_of_element = $(myid).offset().top + $(myid).outerHeight(); left_of_element = $(myid).offset().left; width_of_element=$(myid).outerWidth(); right_of_element= $(myid).offset().left + $(myid).outerWidth(); } } },HoverTime); } timer(); } //must fadeOut timing $( ou ).hover(function(){ }, function(e) { //serchbox fedeout stop if(((e.pageX < right_of_element) && (e.pageX > left_of_element)) && ((e.pageY > top_of_element) && (e.pageY < bottom_of_element)) ){ }else{ $(al).fadeOut(FadeInTime); $( parent ).removeClass('blt_current_hover'); } }); });