Бутстрап, навбар-коллапс.Как изменить цвет фона всей панели навигации при ее показе / открытии (на экране мобильного телефона)?

Question

Я хотел бы спросить, как изменить цвет bg панели навигации при отображении коллапса навигации.Мне нужен другой цвет bg, когда показывается navbar-collapse, и другой цвет bg, когда он свернут.Кто-нибудь знает решение с помощью CSS или JS?Я не могу понять это.Я буду признателен за помощь.

Answer 1

Без какого-либо примера кода я не могу применить много, но я могу предоставить вам пример, используя JQuery.Допустим, гипотетически navbar-collapse показывает / скрывает, установив для свойства display значение block/none, которое вы можете прослушивать для применения атрибута стиля.

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

Это приведет к тому, что панель навигации станет черной, если navbar-collapse было видно.