Javascript 如何修复单击后闪烁的导航栏

我尝试使用此解决方案（）在单击时自动隐藏导航折叠。当nav折叠时，它可以正常工作，但当我在桌面上使用站点时（正好当nav未折叠时），nav会闪烁

代码：

$('.nav a').on('click', function() {
    $('.navbar-collapse').collapse('hide');
});

$（'.nav a'）。在（'click'，function（）上{
$（“.btn navbar”）。单击（）；//引导程序2.x
$（“.navbar toggle”）。单击（）//Richard的bootstrap 3.x
});
.block{
填充：70px0；
}
#白色部分{
背景色：#fff；
高度：100px；
}
#第1节{
边缘顶端：51px；
/*收割台导航栏高度*/
}
#第1节，
#第2节，
#第3节{
高度：600px；
背景色：#555；
颜色：#fff；
}

切换导航










你好，世界
你好，世界
你好，世界
试试这个：

JS

$('.nav a').on('click', function() {
    $('.navbar-collapse').collapse('hide');
});

检查更新的

也请检查此答案：
您的链接末尾有一个额外的
/
，并且已断开。为你解决了这个问题，现在问题解决了。谢谢你的快速帮助！没问题，很乐意帮忙！这就解决了问题。有谁能告诉我为什么这不会导致闪烁，但是没有JS的引导实现会导致闪烁？再次感谢。