文章/答案/技术大牛

发布

社区首页 >问答首页 >如何在单击搜索按钮时隐藏jQuery中的导航栏切换？

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

Stack Overflow用户

提问于 2018-03-12 22:30:55

回答 1查看 179关注 0票数 0

我的网站有一个小问题。在标题中有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")
});

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

有什么想法吗？

谢谢

jquery

javascript

回答 1

Stack Overflow用户

发布于 2018-03-12 22:33:59

从菜单中删除类：

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

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/49237745

复制

相似问题

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

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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