Как переключить активный класс?

Question

[Sirius 077]

Доброго времени суток!

Есть слайдер, в нём есть 3 кнопки(prices-slider-header-button) когда одна из них нажимается, на активную вешается класс.
Нужно сделать так чтобы если одна из этих кнопок нажата и вдруг нажимается другая кнопка, то у первой кнопки класс снимался и переключался на другую(надеюсь внятно объяснил).

Вот код:
https://codepen.io/Sirius1505/pen/OJPZwaY

P.S: Не обращайте на беспорядочность. У меня с codepen'ом проблемы :)

Answer 1

[Максим Морев]

При клике на кнопку перед toggleClass убирайте класс со всех кнопок, просто же.
Господи прости за jQ и такие подходы.

$('.prices-slider-header-button').on('click',function (e) { 
  e.preventDefault();
  $('.prices-slider-header-button').removeClass('prices-slider-header-button-clicked');
  $(this).toggleClass("prices-slider-header-button-clicked");
});

Comments

[Sirius 077]

Понятно спасибо, я оказывается так делал только сначал писал toggleClass а потом removeClass.