在Bootstrap 3中的导航栏元素外部单击时，如何关闭打开的折叠式导航栏？

在Bootstrap 3中的导航栏元素外部单击时，如何关闭打开的折叠式导航栏？

看一下：

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

我知道，调用

click()

并不是很优雅，但

collapse('hide')

对我也不起作用，而且我认为该动画比几乎没有添加和删除类更好。