javascript - 单击搜索按钮时如何隐藏 jQuery 中的导航栏切换？

Question

我的网站有一个小问题。标题中有 2 个按钮，带有 2 个不同的代码(1 个用于打开/关闭菜单，1 个用于打开/关闭搜索)。

这段代码工作得很好，它打开和关闭菜单。

! function(a) {
    a(".navbar-toggle").on("click", function() {
        a(this).toggleClass("open"), a("#navigation").slideToggle(400)
    }), a(".navigation-menu>li").slice(-1).addClass("last-elements"), a(".crspnt").on("click", function(b) {
        a(window).width() < 992 && (b.preventDefault(), a(this).parent("li").toggleClass("open").find(".submenu:first").toggleClass("open"))
    })
}

这段代码也很好用，它打开了搜索框:

(jQuery), $("search-btn").on("click", function() {
    $("#show-search-box").css("display", "block")
});

问题是，当打开菜单并打开搜索时，它看起来非常糟糕。

我需要更改第二个代码(搜索)并添加单击搜索按钮时关闭菜单的功能。

有什么想法吗？

谢谢

Answer 1

从菜单中删除该类:

(jQuery), $("search-btn").on("click", function() {
    jQuery(".navbar-toggle").removeClass('open');
    $("#show-search-box").css("display", "block")
});