Как убрать/добавить класс у одного элемента и добавить/убрать класс другому?

Как сделать, чтобы при нажатии на "Набор 2" закрывался "Набор 1" и наоборот? То есть, чтобы при нажатии на "Набор 1" у "Набор 2" убирался класс .opened и появлялся класс .closed
  • Вопрос задан
  • 40 просмотров
Решения вопроса 2
0xD34F
@0xD34F Куратор тега JavaScript
$('.section').on('click', '.control-label', function() {
  $(this)
    .closest('.box')
    .toggleClass('opened')
    .siblings()
    .removeClass('opened');
});

Дополнительный класс closed не нужен, пусть контент по умолчанию будет скрыт. Соответственно, стили надо немного подправить:

.box .list {
  display: none;
}
.box.opened .list {
  display: block;
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы