如何在单击搜索按钮时隐藏jQuery中的navbar-toggle？

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")
});