Как заменить цвет с помощью jquery?

Question

[web-pioneer]

Здраствуйте, что-то никак не получается и гугл уже не помогает.

<label class="control control--radio">Черный чай
                        <input type="checkbox" name="radio" >
                        <div class="control__indicator"></div>
                      </label>
<label class="control control--radio">Еще чай
                        <input type="checkbox" name="radio" >
                        <div class="control__indicator"></div>
                      </label>

.control нужно при клике перекрасить в цвет (добавить класс например) и при повторном его убрать.

пробую так

$('.control').on("click",function() {
  if ($(this).hasClass('control-green')) {
      $(this).removeClass('control-green');
  } else {
    $(this).addClass("control-green");
  }
});

и различные вариации, получалось делать так, чтобы докидывался цвет, но при повторном клике никак не удается удалить.

можно и на чистом js варианты

заранее спасибо!

Answer 1

[Anonimmus]

.css({'backgrounColor' : 'red'});
Метод можно глянуть здесь https://basicweb.ru/jquery/jquery_method_css.php