51 lines
1.5 KiB
JavaScript
51 lines
1.5 KiB
JavaScript
|
var $j = jQuery.noConflict();
|
||
|
|
|
||
|
|
$j( document ).ready( function() {
|
||
|
|
"use strict";
|
||
|
|
// Drop down search
|
||
|
|
oceanwpDropDownSearch();
|
||
|
|
} );
|
||
|
|
|
||
|
|
/* ==============================================
|
||
|
|
DROP DOWN SEARCH
|
||
|
|
============================================== */
|
||
|
|
function oceanwpDropDownSearch() {
|
||
|
|
"use strict"
|
||
|
|
|
||
|
|
// Return if is the not this search style
|
||
|
|
if ( 'drop_down' != oceanwpLocalize.menuSearchStyle ) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
var $searchDropdownToggle = $j( 'a.search-dropdown-toggle' ),
|
||
|
|
$searchDropdownForm = $j( '#searchform-dropdown' );
|
||
|
|
|
||
|
|
$searchDropdownToggle.click( function( event ) {
|
||
|
|
// Display search form
|
||
|
|
$searchDropdownForm.toggleClass( 'show' );
|
||
|
|
// Active menu item
|
||
|
|
$j( this ).parent( 'li' ).toggleClass( 'active' );
|
||
|
|
// Focus
|
||
|
|
var $transitionDuration = $searchDropdownForm.css( 'transition-duration' );
|
||
|
|
$transitionDuration = $transitionDuration.replace( 's', '' ) * 1000;
|
||
|
|
if ( $transitionDuration ) {
|
||
|
|
setTimeout( function() {
|
||
|
|
$searchDropdownForm.find( 'input[type="search"]' ).focus();
|
||
|
|
}, $transitionDuration );
|
||
|
|
}
|
||
|
|
// Hide other things
|
||
|
|
$j( 'div#current-shop-items-dropdown' ).removeClass( 'show' );
|
||
|
|
$j( 'li.wcmenucart-toggle-drop_down' ).removeClass( 'active' );
|
||
|
|
// Return false
|
||
|
|
return false;
|
||
|
|
} );
|
||
|
|
|
||
|
|
// Close on doc click
|
||
|
|
$j( document ).on( 'click', function( event ) {
|
||
|
|
if ( ! $j( event.target ).closest( '#searchform-dropdown.show' ).length ) {
|
||
|
|
$searchDropdownToggle.parent( 'li' ).removeClass( 'active' );
|
||
|
|
$searchDropdownForm.removeClass( 'show' );
|
||
|
|
}
|
||
|
|
} );
|
||
|
|
|
||
|
|
}
|