Question

所以我有一个切换菜单，并且正在添加一个搜索切换菜单，但我无法让jquery做我想做的事。

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

截至目前，当我点击关闭时，它会返回到主叠加层，并且仍然显示非活动的主切换开关，而不是活动的x。

我要疯了...

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

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

1 个答案: