(function($){ ////////////////////////////////////////////////// $(function(){ var responsive = 1199, $body = $('body'), hideMenu = function(){ mainsite.one('webkitTransitionEnd transitionend OTransitionEnd',function(){ $body.is('.showmenu.hidemenu') && $body.removeClass('hidemenu showmenu'); }); $body.addClass('hidemenu'); }, showMenu = function(){ $body.addClass('showmenu'); }, menuPanel = $('#block-mainnav'), isMobile = false, wraper = $('#wrapper'), afterMenu = menuPanel.next(), mainsite = $('#mainsite') ; /*var $window = $(window).resize(function(){ if($window.width() <= responsive){ if(!isMobile){ menuPanel.attr('id','block-mainnav-mobile'); wraper.prepend(menuPanel); isMobile = true; } }else{ if(isMobile){ menuPanel.attr('id','block-mainnav'); afterMenu.before(menuPanel); isMobile = false; } } }); */ var $window = $(window).resize(function(){ if($window.width() <= responsive){ if(!isMobile){ menuPanel.attr('id','block-mainnav-mobile'); wraper.prepend(menuPanel); isMobile = true; } }else{ if(isMobile){ menuPanel.attr('id','block-mainnav'); if(mainsite.find("#block-mainnav-sticky-wrapper").length > 0){ $("#block-mainnav-sticky-wrapper").prepend(menuPanel); }else{ afterMenu.before(menuPanel); } isMobile = false; } } }); $window.resize(); var toggle = $('.flexMenuToggle').click(function(){ if ($body.hasClass('showmenu')) hideMenu(); else showMenu(); }); ///////////////////////// var hideLeft = function(){ wraper.one('webkitTransitionEnd transitionend OTransitionEnd',function(){ $body.is('.showleft.hideleft') && $body.removeClass('hideleft showleft'); }); $body.addClass('hideleft'); }, showLeft = function(){ $body.addClass('showleft'); }, isMobile = false ; $window.resize(); var toggle = $('.button-left').click(function(){ if ($body.hasClass('showleft')) hideLeft(); else showLeft(); }); jQuery('#left form .button').click(function(){ if(isMobile){ hideLeft(); } }); jQuery('#hltiendo').change(function(){ if(isMobile){ hideLeft(); } }); }); //////////////////////////////////////////////////// })(jQuery); (function($){ $(document).ready(function(){ $('ul.menu li.parent').each(function(){ var p = $(this), showing = $(), btn = $('',{'class':'showsubmenu', text : '' }).click(function(){ if(menu.is(':visible')){ menu.slideUp(300,function(){ p.removeClass('parent-showsub'); }); }else{ menu.parent().parent().children().each(function(){ var m = $(this).children('ul:visible'); if(!m.length) return; var $this = $(this); m.slideUp(300,function(){ $this.removeClass('parent-showsub'); }); }) p.addClass('parent-showsub'); menu.slideDown(300); }; }), menu = p.children('ul') ; p.prepend(btn) // append : trong - duoi, prepend : trong - tren, after : duoi, before : tren }); }); })(jQuery);