Добавить убрать класс body

Как добавить/убрать класс для body?

$(".header__burger").on("click", function() {
    $("body").addClass("body-overflow");
});
$(".header__burger").on("click", function() {
    removeClass("body-overflow");
});
#burger {
  padding: 12px 32px;
  background: blue;
  text-align: center;
  color: white;
}

.body-overflow {
  background: red;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class="header__burger item-mobile">
  <div id="burger" class="header__burger--icon open-menu">клик</div>
</div>


Ответы (1 шт):

Автор решения: UModeL

$(".header__burger").on("click", function() {
    $("body").toggleClass("body-overflow");
});
#burger {
  padding: 12px 32px;
  background: blue;
  text-align: center;
  color: white;
}

.body-overflow {
  background: red;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class="header__burger item-mobile">
  <div id="burger" class="header__burger--icon open-menu">клик</div>
</div>

→ Ссылка