(function () { var clickyn1 = false; if (!window.menunh) { window.menunh = {}; }; window.menunh = { menunh_pc: function () { var curnhidx; $('.w-com-menunh').each(function (index, element) { var menuthis = $(this); if (menuthis.hasclass('w-com-menunh5')) { return ''; } menuthis.find('.ul-parent >li').each(function(index, element) { if($(this).hasclass('cur')){ curnhidx=index; } }); menuthis.find('.ul-parent >li').hover(function(){ $(this).siblings('li').removeclass('cur'); },function(){ menuthis.find('.ul-parent >li').eq(curnhidx).addclass('cur'); }); }) $('.w-com-menunhew').each(function(index, element) { var $lif=$(this).find('.ul-parent').children('li'); var lilen=$lif.length; $lif.css({'min-width':(1.0/lilen) * 100 +'%'}); }); $('.w-com-menunh li').hover(function(){ var $consubmenu=$(this).children('.ul-submenu'); $consubmenu.show(); var wid_parent=$consubmenu.parent().width(); var wid_parent_left=$(this).offset().left; var window_w=$(window).width(); var wid=0; var $consubmenuli=$consubmenu.children('ul').children('li'); for(var j=0; j<$consubmenuli.length;j++){ var li_width=$consubmenuli.eq(j)[0].getboundingclientrect().width; wid=wid+li_width; } if (wid > window_w) { $consubmenu.css({ 'width': window_w, 'left': -wid_parent_left }); } else { if (wid_parent_left > (wid - wid_parent) / 2) { if ((window_w - wid_parent_left) > (wid + wid_parent) / 2) { $consubmenu.css({ 'width': wid + 1, 'left': -(wid - wid_parent) / 2 }); } else { $consubmenu.css({ 'width': wid + 1, 'right': -(window_w - wid_parent_left - wid_parent) }); } } else { $consubmenu.css({ 'width': wid + 1, 'left': -wid_parent_left }); } } },function(){ $(this).children('.ul-submenu').removeattr("style"); }); }, menunh_tel: function () { $('.w-com-menunh .systitle').unbind('click'); $('.w-com-menunh .systitle').bind('click',function(){ if($(this).hasclass('open')){ $(this).removeclass('open'); $(this).siblings('.ul-parent').slideup(); $(this).siblings('.ul-parent').find('.ul-submenu').slideup(); $(this).siblings('.ul-parent').find('.open').removeclass('open'); }else{ $(this).addclass('open'); $(this).siblings('.ul-parent').slidedown(); } return false; }); if(clickyn1){$('.w-com-menunh .fa-plus').unbind('click');} $('.w-com-menunh .fa-plus').click(function(){ $(this).parent().parent().siblings('li').find('.ul-submenu').slideup(); $(this).parent().parent().siblings('li').removeclass('open'); $(this).parent().parent().siblings('li').find('.open').removeclass('open'); if($(this).parent().siblings('.ul-submenu').is(':hidden')){ $(this).parent().siblings('.ul-submenu').slidedown(); $(this).parent().parent().addclass('open'); }else{ $(this).parent().siblings('.ul-submenu').slideup(); $(this).parent().siblings('.ul-submenu').find('.ul-submenu').slideup(); $(this).parent().parent().removeclass('open'); $(this).parent().parent().find('.open').removeclass('open'); } return false; }); clickyn1=true; } } })(); $(function(){ if($(window).width()>767){ menunh.menunh_pc(); }else{ menunh.menunh_tel(); } var oldwidth=$(window).width(); $(window).resize(function(){ var newwidth=$(window).innerwidth(); if(oldwidth>767){ if (newwidth < 768) { $('.w-com-menunh .systitle').siblings('.ul-parent').slideup(); $('.w-com-menunh .ul-submenu').removeattr("style"); $('.w-com-menunh li').unbind('mouseenter').unbind('mouseleave'); menunh.menunh_tel(); } }else{ if (newwidth > 768) { $('.w-com-menunh .systitle').unbind('click'); $('.w-com-menunh .systitle').removeclass('open'); $('.w-com-menunh .systitle').siblings('.ul-parent').slidedown(); $('.w-com-menunh .systitle').siblings('.ul-parent').find('.ul-submenu').removeattr('style'); $('.w-com-menunh .systitle').siblings('.ul-parent').find('.open').removeclass('open'); $('.w-com-menunh .ul-parent').removeattr("style"); $('.w-com-menunh .ul-submenu').removeattr("style"); $('.w-com-menunh .open').removeclass('open'); menunh.menunh_pc(); } } oldwidth=$(window).width(); }); });