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

Question

因此，我有一个切换菜单，并添加了一个搜索切换菜单，但无法让jquery来做我想要的事情。

如果您点击搜索切换按钮，我希望显示搜索覆盖图（我正在使用它），但是然后我希望相同的x关闭按钮（来自主切换覆盖图）出现在左上方，并且我希望搜索切换到消失。

截至目前，当我点击关闭时，它会返回到主叠加层，并且仍然显示非活动的主切换，而不是活动的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()
});

编辑

小提琴