当单击另一个菜单时，关闭菜单和图标图像？
当单击另一个菜单时，关闭菜单和图标图像？
提问于 2016-08-15 13:01:39
当点击汉堡菜单时，搜索菜单应该关闭，它的图标应该是搜索，而不是交叉。当点击搜索菜单时，汉堡菜单应该关闭，图标转换为汉堡不应该是交叉的。
// Mobile/tablet navigation (clicks, taps)
$('.toggle-sm-nav, .js-toggle-sm-navigation').click(function(){
// Change button
$(this).children('span').toggleClass('glyphicon-align-justify icon-close-menu-cross2');
// Toggle menu on hamburger
$('.navcontainer').toggle();
$('.header-nav-container').toggleClass('brgropen');
if( $('.header-nav-container').hasClass('brgropen') ){
$('body').css('overflow', 'hidden');
} else {
$('body').css('overflow', 'visible');
}另一个菜单搜索
打开焦点搜索字段
$('.js-toggle-xs-search').on('click', function(){
$('.sm-searchboxc input#search').trigger('touchstart');
});回答 1
Stack Overflow用户
回答已采纳
发布于 2016-09-21 10:11:35
if ($('.xs-search > button > span').hasClass('icon-close-menu-cross2')) {
$('.xs-search > button > span').removeClass('icon-close-menu-cross2').addClass('icon-search');
$('.sm-searchboxc input#search').hide();
$('.searchboxc').find('.site-search').removeClass('active');
}
$('.navcontainer').toggle();
$('.header-nav-container').toggleClass('brgropen');
if ($('.header-nav-container').hasClass('brgropen'))
$('.js-toggle-xs-search').on('click', function() {
var width = $(window).width();
if (width <= 968) {
if ($('.sm-searchboxc input#search').hide()) {
$('.sm-searchboxc input#search').show();
} else if ($('.xs-search > button > span').hasClass('icon-close-menu-cross2')) {
$('.sm-searchboxc input#search').trigger('touchstart');
}
if ($('.header-nav-container').hasClass('brgropen')) {
$('.toggle-sm-nav, .js-toggle-sm-navigation').children('span').toggleClass('glyphicon-align-justify icon-close-menu-cross2');
$('.navcontainer').hide();
$('.header-nav-container').removeClass('brgropen');
}
} else {
$('.sm-searchboxc input#search').trigger('touchstart');
}
});
$('.sm-searchboxc input#search').on('touchstart', function() {
setTimeout(function() {
$('.sm-searchboxc input#search').focus();页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/38955606
复制相关文章
相似问题
腾讯云开发者
