Skip to content

Instantly share code, notes, and snippets.

@hagiang1305
Created April 4, 2016 07:51
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save hagiang1305/588710b575264ae0df02f2ed929304ea to your computer and use it in GitHub Desktop.
Save hagiang1305/588710b575264ae0df02f2ed929304ea to your computer and use it in GitHub Desktop.
// ===
function aweSearchMenubar() {
var $navbar = $('.awemenu-nav');
var $searchForm = $('#menubar-search-form');
var $openSearch = $('#open-search-form');
var $closeSearch = $('#close-search-form');
$openSearch.on('click', function(e) {
e.preventDefault();
$searchForm.toggleClass('open');
setTimeout(function() {
$searchForm.find('input').focus();
}, 250);
});
$closeSearch.on('click', function(e) {
e.preventDefault();
$searchForm.removeClass('open');
});
$searchForm.keyup(function(e) {
if (e.keyCode == 27 && $searchForm.hasClass('open')) {
$searchForm.removeClass('open');
}
});
var handlerSearch = function() {
if ($navbar.hasClass('awemenu-mobile')) {
$searchForm.width('100%');
$searchForm.css({right: '0'});
} else {
var $awemenu = $('.awemenu-nav .awemenu');
var $aweicon = $('.awemenu-nav .navbar-icons');
var width = $awemenu.width() + 50;
var offsetRight = $aweicon.width() + 20;
$searchForm.width(width);
$searchForm.css({right: offsetRight});
}
};
setTimeout(function() {
handlerSearch();
}, 200);
$(window).resize(function() {
handlerSearch();
});
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment