在单击新div时切换另一个div的类。jQuery

Question

所以我有一个切换菜单，我添加了一个搜索切换菜单，但我无法让jquery执行我想要的操作。

如果你点击搜索切换，我希望搜索覆盖显示出来(我正在工作)，但是我希望相同的x关闭按钮(从主要切换覆盖)出现在左上角，我希望搜索切换消失。

到目前为止，当我点击close时，它将返回到主覆盖，并且仍然显示非活动的主切换，而不是活动的x。

这是我的直播网站：http://acetronaut.com

我快疯了..。

JQuery：

// burger overlay menu
  $('.acetrnt-toggle').on('click',function(){
    $("#acetrnt-toggle-overlay").slideToggle();
    $(this).toggleClass('active');


  });

 // search toggle

  $('.acetrnt-search-toggle').on('click',function(){
    $("#acetrnt-search-overlay").fadeToggle();
    $(this).toggleClass('.acetrnt-toggle.active');
    $(this).hide('.acetrnt-toggle');

  });

Answer 1

试试这个：

$('.acetrnt-search-toggle').on('click',function(){
  var $icon = $('.acetrnt-search-toggle > i')
  $icon.toggleClass('fa-search fa-times');
  $('.acetrnt-toggle').hide()
});

编辑

Fiddle