引导程序，导航栏崩溃。显示/打开导航栏折叠（在移动屏幕上）时，如何更改整个导航栏的背景颜色？

Question

我想问一下显示导航栏折叠时如何更改导航栏的背景色。显示导航栏折叠时，我需要使用不同的bg颜色；折叠时，我需要使用不同的bg颜色。有人知道使用CSS或JS解决方案吗？ 我不知道。 我将感谢您的帮助。

Answer 1

没有任何示例代码，我不能太多应用，但是我可以为您提供一个使用JQuery的示例。假设假设navbar-collapse通过将display属性设置为block/none来显示/隐藏，您可以侦听要应用的style属性。

if($('#navbar-collapse:visible').length == 0){
   $('#navbar').css('background: #000')
}

如果navbar-collapse可见，这会使导航栏变黑。