Как переключить положение кнопки?

Question

[Максим Герасименко]

Есть такая кнопка Burger Menu. Использую для мобильного меню на сайте. Написана на чистом CSS. По клику меняется вид кнопки с бургера на крестик и обратно.
https://codepen.io/maxg5/pen/BaLBJmV
Мне нужно по клику по элементам с определённым классом переключать вид этой кнопки с бургера на крестик и обратно. Должно быть примерно так, наверное:

<script>
$(".ddd").click(function () {
     $("Здесь какой-то селектор").toggleClass("здесь какой то CSS класс кнопки");
   });
</script>

Comments

[Ankhena]

Да, именно так.
Только кнопка это тег button, а никак не div.

Не понятно даже, зачем вопрос.

[Максим Герасименко]

Ankhena,
Сложность в том что не пойм какому селектору какой CSS класс переключать через toggleClass.
Селектор я так понимаю должен быть класс .hamburger. А вот какой CSS класс переключать нужно?

[Вадим]

У вас вид кнопки переключается в зависимости от состояния чекбокса.
Соответственно

$(".ddd").click(function () {
  $("#checkbox3").prop("checked", true);
});

[Ankhena]

Максим Герасименко,

А вот какой CSS класс переключать нужно?
Написано 2 минуты назад

Тот который изменяет палочки на крестик.
Т.е. при его наличии (даже если вы его ручками добавите к кнопке) кнопка будет выглядеть как крестик.
А при отсутствии, как бургер.
Либо наоборот :)

[Ankhena]

Максим Герасименко, тьфу, не посмотрела, что вы через инпут его творите.
Не люблю такую идею и считаю её костылем. А в вашей реализации еще и код невалидный, div нельзя вкладывать внутрь label.

[Вадим]

Ankhena, ещё и ответили не по адресу?)

[Ankhena]

Вадим, кофе не попал в мозг, простите ))))

Answer 1

[0xD34F]

$('.ddd').click(() => $('.checkbox3').prop('checked', (i, val) => !val));