單擊搜索按鈕時，如何在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")
});