https://www.tablemark.co.jp/js/common/global_nav.js

1//-----------------------------------------------------
2// -global_nav
3//-----------------------------------------------------
4
5	$(function() {
6		$('.child-nav-box').hide();
7
8		$('#Navi .clearfix > li').on('mouseenter mouseleave',function(_event) {
9			if ( !$(this).find('.child-nav-box').length ) return;
10
11			var _this = $(this);
12			var _elem = $('#Navi .clearfix > li');
13			var _event_type = _event.type;
14
15				_this.addClass('child-open');
16
17			if ( _event_type === 'mouseenter' ) {
18				if ( _this.is('.child-open') ) {
19
20					var background_img = _this.find('> a').css("background-image");
21					_this.find('> a').css('background-image',background_img);
22
23					_this.find('.child-nav-box').css('z-index','10000').stop(true,true).show();
24					$('body').append('<div id="child-nav-overlay"></div>');
25					$('#child-nav-overlay').stop().fadeIn(350);
26				}
27
28			} else if ( _event_type === 'mouseleave' ) {
29
30				_this.find('.child-nav-box').stop().fadeOut(100);
31				_this.find('> a').css('background','');
32
33
34				$('#child-nav-overlay').stop().fadeOut(300).queue(function() {
35					$('#child-nav-overlay').remove();
36					_elem.removeClass('child-open');
37				});
38
39
40			}
41		});
42
43	});