您最多选择25个主题
主题必须以字母或数字开头，可以包含连字符 (-)，并且长度不得超过35个字符
46 行
2.0 KiB
46 行
2.0 KiB
6 年前
|
jQuery(document).ready(function($){
|
||
|
|
var $lateral_menu_trigger = $('#cd-menu-trigger'),
|
||
|
|
$content_wrapper = $('.cd-main-content'),
|
||
|
|
$navigation = $('header');
|
||
|
|
|
||
|
|
//open-close lateral menu clicking on the menu icon
|
||
|
|
$lateral_menu_trigger.on('click', function(event){
|
||
|
|
event.preventDefault();
|
||
|
|
|
||
|
|
$lateral_menu_trigger.toggleClass('is-clicked');
|
||
|
|
$navigation.toggleClass('lateral-menu-is-open');
|
||
|
|
$content_wrapper.toggleClass('lateral-menu-is-open').one('webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend', function(){
|
||
|
|
// firefox transitions break when parent overflow is changed, so we need to wait for the end of the trasition to give the body an overflow hidden
|
||
|
|
$('body').toggleClass('overflow-hidden');
|
||
|
|
});
|
||
|
|
$('#cd-lateral-nav').toggleClass('lateral-menu-is-open');
|
||
|
|
|
||
|
|
//check if transitions are not supported - i.e. in IE9
|
||
|
|
if($('html').hasClass('no-csstransitions')) {
|
||
|
|
$('body').toggleClass('overflow-hidden');
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
//close lateral menu clicking outside the menu itself
|
||
|
|
$content_wrapper.on('click', function(event){
|
||
|
|
if( !$(event.target).is('#cd-menu-trigger, #cd-menu-trigger span') ) {
|
||
|
|
$lateral_menu_trigger.removeClass('is-clicked');
|
||
|
|
$navigation.removeClass('lateral-menu-is-open');
|
||
|
|
$content_wrapper.removeClass('lateral-menu-is-open').one('webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend', function(){
|
||
|
|
$('body').removeClass('overflow-hidden');
|
||
|
|
});
|
||
|
|
$('#cd-lateral-nav').removeClass('lateral-menu-is-open');
|
||
|
|
//check if transitions are not supported
|
||
|
|
if($('html').hasClass('no-csstransitions')) {
|
||
|
|
$('body').removeClass('overflow-hidden');
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
//open (or close) submenu items in the lateral menu. Close all the other open submenu items.
|
||
|
|
$('.item-has-children').children('a').on('click', function(event){
|
||
|
|
event.preventDefault();
|
||
|
|
$(this).toggleClass('submenu-open').next('.sub-menu').slideToggle(200).end().parent('.item-has-children').siblings('.item-has-children').children('a').removeClass('submenu-open').next('.sub-menu').slideUp(200);
|
||
|
|
});
|
||
|
|
});
|