如何隐藏我的崩溃引导3导航栏与点击身体时，崩溃是可见的？

问题描述

我正在为代理机构制作一个WordPress网站，我将去工作。
我使用了Bootstrap 3.0，并且创建了一个响应式菜单。

I'm making a WordPress website for agency where I will go work. I used Bootstrap 3.0, and I created a responsive menu.

如何隐藏菜单在折叠并可见时显示（第二张图片）菜单按钮改变它的颜色只有崩溃是可见的？

How to hide menu when is collapsed and visible (2nd pic) with click on body, and menu button change it color only collapse is visible?

bootstrap.js和jquery连接在我的页脚中。

bootstrap.js and jquery is connected in my footer.

推荐答案

<script type='text/javascript'>

    $(document).ready(function () {
        function CloseNav() {
            $(".navbar-collapse").stop().css({ 'height': '1px' }).removeClass('in').addClass("collapse");
            $(".navbar-toggle").stop().removeClass('collapsed');
        }

        $('html').click(function (event) {
            var clickover = $(event.target);
            var _opened = $(".navbar-collapse").hasClass("navbar-collapse in");
            if (_opened === true && !clickover.hasClass("navbar-toggle")) {
                CloseNav();
            }

        });
    });

</script>

更新

您可以更改html选择你想要的任何选择，身体（如果你有足够的身高），包装或任何其他。干净的

这篇关于如何隐藏我的崩溃引导3导航栏与点击身体时，崩溃是可见的？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！