Javascript 使用功能切换搜索栏

非常感谢。我正在构建一个div/searchbar，当用户单击按钮时，它会出现。我包括了一个功能，在搜索区域之外的任何单击都会将类更改回默认隐藏。我需要一些帮助

如果用户单击响应视图中的另一个按钮“.navbar toggle”，请检查showSearch是否为当前按钮，以及是否要运行hideSearch。我不希望搜索栏和导航菜单同时出现

var $body = $('body');
var searchClick = $('#search-button');
var navToggle = $('.navbar-toggle');

function showSearch() {
        $body.toggleClass("show-search");
        searchClick.toggleClass("glyphicon-remove");
        $("#search-input input").focus();
}

function hideSearch() {
        $body.removeClass("show-search");
        searchClick.removeClass("glyphicon-remove");
}

searchClick.on("click", function (e) {
        e.preventDefault();
        if (!$body.hasClass("show-search")) {
        showSearch();
} else {
        hideSearch();
}
});



$(document).mouseup(function (e)
{
    var container = $("#search-input, header");
    if (!container.is(e.target) && container.has(e.target).length === 0)   {
        hideSearch();
    }
});

---

请原谅我的编码能力，我是编程新手。：）

欢迎来到SO。请阅读和。你还没有解释到目前为止你所做的或你所尝试的有什么问题。“这是我的代码，请告诉我出了什么问题”这样的问题通常被认为是离题的。谢谢你的提醒。我试图实现的是，当一个访问者打开导航栏或搜索字段时，另一个将在当前打开时关闭。从现在开始，如果您单击导航栏按钮打开，然后单击搜索按钮，它们都会打开，这是不需要的。希望这有帮助吗？基本上我需要一个“侦听器”（？）如果单击另一个按钮，另一个按钮将关闭。：）我已经为此研究了好几天了，肯定需要合并。模糊某种程度上不会引起冲突。有什么想法吗？