????
| Current Path : /home2/morganrand/public_html/sub/wp-content/themes/oceanwp/assets/js/core/ |
| Current File : /home2/morganrand/public_html/sub/wp-content/themes/oceanwp/assets/js/core/sidr.js |
var $j = jQuery.noConflict(),
$window = $j( window );
$j( document ).on( 'ready', function() {
"use strict";
// Mobile menu
oceanwpMobileMenu();
} );
/* ==============================================
MOBILE SCRIPT
============================================== */
function oceanwpMobileMenu( event ) {
"use strict"
if ( typeof oceanwpLocalize.sidrSource !== 'undefined'
&& $j( 'body' ).hasClass( 'sidebar-mobile' ) ) {
// Add sidr
$j( '.mobile-menu' ).sidr( {
name : 'sidr',
source : oceanwpLocalize.sidrSource,
side : oceanwpLocalize.sidrSide,
displace : oceanwpLocalize.sidrDisplace,
speed : 300,
renaming : true,
bind : 'click',
onOpen : function onOpen() {
// Class of the custom opening button
$j( '.mobile-menu > .hamburger' ).addClass( 'is-active' );
// Declare useful vars
var $hasChildren = $j( '.sidr-class-menu-item-has-children' );
// Add dropdown toggle (plus)
$hasChildren.children( 'a' ).append( '<span class="sidr-class-dropdown-toggle"></span>' );
// Toggle dropdowns
var $sidrDropdownTarget = $j( '.sidr-class-dropdown-toggle' );
// Check localization
if ( oceanwpLocalize.sidrDropdownTarget == 'link' ) {
$sidrDropdownTarget = $j( 'li.sidr-class-menu-item-has-children > a' );
}
// Add toggle click event
$sidrDropdownTarget.on( 'click', function( event ) {
// Define toggle vars
if ( oceanwpLocalize.sidrDropdownTarget == 'link' ) {
var $toggleParentLi = $j( this ).parent( 'li' );
} else {
var $toggleParentLink = $j( this ).parent( 'a' ),
$toggleParentLi = $toggleParentLink.parent( 'li' );
}
// Get parent items and dropdown
var $allParentLis = $toggleParentLi.parents( 'li' ),
$dropdown = $toggleParentLi.children( 'ul' );
// Toogle items
if ( ! $toggleParentLi.hasClass( 'active' ) ) {
$hasChildren.not( $allParentLis ).removeClass( 'active' ).children( 'ul' ).slideUp( 'fast' );
$toggleParentLi.addClass( 'active' ).children( 'ul' ).slideDown( 'fast' );
} else {
$toggleParentLi.removeClass( 'active' ).children( 'ul' ).slideUp( 'fast' );
}
// Return false
return false;
} );
// Add light overlay to content
$j( 'body' ).append( '<div class="oceanwp-sidr-overlay"></div>' );
$j( '.oceanwp-sidr-overlay' ).fadeIn( 300 );
// Close sidr when clicking overlay
$j( '.oceanwp-sidr-overlay' ).on( 'click', function() {
$j.sidr( 'close', 'sidr' );
return false;
} );
// Close on resize
$window.resize( function() {
if ( $window.width() >= 960 ) {
$j.sidr( 'close', 'sidr' );
$j( '.mobile-menu > .hamburger' ).removeClass( 'is-active' );
}
} );
},
onClose : function onClose() {
// Remove class of the custom opening button
$j( '.mobile-menu > .hamburger' ).removeClass( 'is-active' );
// Remove active dropdowns
$j( '.sidr-class-menu-item-has-children.active' ).removeClass( 'active' ).children( 'ul' ).hide();
// FadeOut overlay
$j( '.oceanwp-sidr-overlay' ).fadeOut( 300, function() {
$j( this ).remove();
} );
}
} );
// Replace Font Awesome icons class
$j( '#sidr [class*="sidr-class-fa"]' ).attr( 'class', function( i, c ) {
c = c.replace( 'sidr-class-fa', 'fa' );
c = c.replace( 'sidr-class-fa-', 'fa-' );
return c;
} );
// Replace Simple Line Icons class
$j( '#sidr [class*="sidr-class-icon"]' ).attr( 'class', function( i, c ) {
c = c.replace( 'sidr-class-icon-', 'icon-' );
return c;
} );
// Close sidr when clicking on close button
$j( 'a.sidr-class-toggle-sidr-close' ).on( 'click', function() {
$j.sidr( 'close', 'sidr' );
$j( '.mobile-menu > .hamburger' ).removeClass( 'is-active' );
return false;
} );
// Close when clicking local scroll link
$j( '.sidr-class-dropdown-menu a[href*="#"]:not([href="#"]), .sidr-class-menu-item > a[href*="#"]:not([href="#"])' ).on( 'click', function() {
$j.sidr( 'close', 'sidr' );
$j( '.mobile-menu > .hamburger' ).removeClass( 'is-active' );
} );
// If disable link
$j( 'li.sidr-class-nav-no-click > a' ).on( 'click', function() {
return false;
} );
}
}