var resize_handle = function(){ if($(window).width() <= 1360) { $('#navi_top ul.depth1 > li').each(function() { var $a = $(this).children('a'); if($(this).find('.depth2').length > 0 && $a.attr('href') !== undefined && $a.attr('href') !== '#' ) { $a.attr('data-href', $a.attr('href')).attr('href', '#'); } }); } else { $('#navi_top ul.depth1 li').each(function() { var $a = $(this).children('a'); if($(this).find('.depth2').length > 0 && $a.attr('data-href') !== undefined) { $a.attr('href', $a.attr('data-href')).removeAttr('data-href'); } }); } $("#navi_top ul.depth1 li").off('click'); if($(window).width() <= 1360){ $("#navi_top ul.depth1 li ul.depth2").hide(); $("#navi_top ul.depth1 li").on('click', function(){ $("#navi_top ul.depth1 li ul.depth2").slideUp(); $("#navi_top ul.depth1 li i").removeClass('on'); $("#navi_top ul.depth1 li i").removeClass('xi-minus-square-o'); $("#navi_top ul.depth1 li i").addClass('xi-plus-square-o'); if( !$('ul', this).is(':visible') ){ $("ul", this).slideDown(300); $('i', this).addClass('on'); $('i', this).removeClass('xi-plus-square-o'); $('i', this).addClass('xi-minus-square-o'); } }); $('.menuSet').addClass('trans300'); }else{ $("#navi_top ul.depth1 li ul.depth2").show(); $('.menuSet').removeClass('trans300'); } }; $(resize_handle); $(window).resize(resize_handle).resize();