Как удалить класс jquery?

Question

[Сергей Башинский]

$(document).ready(function () {
    $(".main-content__item").click(function(e) {
        e.preventDefault();
        $(".main-content__item").each(function() {
            $(this).removeClass('main-content__item--open');
        });
        $(this).toggleClass('main-content__item--open');
    });
});

есть код, который добавляет и убирает класс main-content__item--open при клике на элемент на котором его нету, а как сделать что б этот класс удалялся при клике на элемент на котором он уже есть?

Answer 1

[Антон Неверов]

$(document).ready(function () {
    $(".main-content__item").click(function(e) {
        e.preventDefault();

        let alreadyHas;
        if ($(this).hasClass('main-content__item--open')) {
            $(".main-content__item").removeClass('main-content__item--open');
        } else{
            $(".main-content__item").removeClass('main-content__item--open');
            $(this).toggleClass('main-content__item--open');
        }
    });
});

Comments

[Сергей Башинский]

Спасибо