Как привязать событие при клике к toogle navigation?

Question

[Михаил Гильмутдинов]

Как привязать событие при клике к toogle navigation?
Нужно добавить $('nav').addClass("nav-bg");

Comments

[Михаил Гильмутдинов]

можно еще не для клика а для актив

Answer 1

[Алексей]

При первом клике добавит, при следующем удалит.

$(document).ready(function() {
  $('.nav').click(function(){
    if ($('.nav').hasClass('nav-bg')){
      $('.nav').removeClass('nav-bg')
    }
    else {
      $('.nav').addClass('nav-bg')
    }
  });
});

Comments

[Михаил Гильмутдинов]

$(document).ready(function() {
$('#navbarCollapse').click(function(){
if ($('.nav').hasClass('nav-bg')){
$('.nav').removeClass('nav-bg')
}
else {
$('.nav').addClass('nav-bg')
}
});
});

Добавил, не получилось!

[Kovalsky]

Наверное вы хотели написать это:

$(document).ready(function() {
  $('.nav').click(function(){
    $('.nav').toggleClass('nav-bg');
  });
});

[Михаил Гильмутдинов]

Никита Полевой:
Добавил и не получилось!

$(document).ready(function() {
$('#navbarCollapse').click(function(){
$('.nav').toggleClass('nav-bg');
});
});

[Kovalsky]

Михаил Гильмутдинов: вам надо по клику на элемент с ID navbarCollapse менять класс nav-bg у элементов класса nav ?

[Михаил Гильмутдинов]

Да Сделал))) Спасибо!

Answer 2

[iBird Rose]

если хочешь просто background менять, то не нужно тебе для этого еще и класс вешать и js вообще тут не нужен. просто проследи где у бутсрапа класс active или open добавляется и по классу в css вешай этот бэкграунд.

Comments

[Михаил Гильмутдинов]

просто бэкграунд потом навешивается при скролле. Хотел такой же класс туда же добавить и он не будет наслаиваться