我有一个可折叠的导航栏菜单：

<div class="collapse navbar-collapse" id="navbarCollapsible">
   .. menu items ..
</div>

我希望每当用户单击它的外部时隐藏它（因此不只是当他再次单击菜单按钮时）：

$(document).ready(function() {
    const navbarCollapsible = document.getElementById('navbarCollapsible');    
    $('.container').on("click", function() {
        navbarCollapsible.hide();
    });
});

但我得到：Uncaught TypeError: navbarCollapsible.hide is not a function

编辑：

我使用以下代码使其工作：

$(navbarCollapsible).collapse("hide");

但是没有jQuery我怎么做呢？
我知道我在这里使用的是jQuery，但我知道Bootstrap 5不需要它--那么，如果没有jQuery，我该如何使用文档中描述的hide方法呢？