如何通过单击jquery中的另一个菜单关闭一个菜单及其图标？

当我点击一个菜单时，它会在菜单上显示并显示十字形，但当我点击搜索菜单时，它也会显示在同一菜单中并显示十字图标。

我想点击一个菜单关闭另一个菜单并将图标更改为默认值。

$('.toggle-sm-nav, .js-toggle-sm-navigation').click(function(){ // Change button $(this).children('span').toggleClass('glyphicon-align-justify icon-close-menu-cross2'); $('.sm-searchboxc').find('i').removeClass('active'); // 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'); } // Focus search field when opened $('.js-toggle-xs-search').on('click', function(){ $('.sm-searchboxc input#search').trigger('touchstart'); }); $('.sm-searchboxc input#search').on('touchstart', function(){ setTimeout(function(){ $('.sm-searchboxc input#search').focus(); }, 0); }); 

与菜单相关的HTML代码

Answer 1

  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();