Как сделать, чтобы при клике на другой пункт меню предыдущий элемент закрывался?

Question

[aevalss]

$(document).ready(function () {
   $('.item-arrow1').click(function () {
      $('.more1').toggleClass('active');
   });
});

$(document).ready(function () {
   $('.item-arrow2').click(function () {
      $('.more2').toggleClass('active');
   });
});

Answer 1

[Medvejonok86]

Задайте всем пунктам меню один класс. Примерно так:

<div class="menu">
   <div class="item close">Пункт 1</div>
   <div class="item close">Пункт 2</div>
   <div class="item close">Пункт 3</div>
</div>

Дальше вешаем обработчик на клик и пишем логику обработки события.

$(document).ready(function () {
   $(".menu .item").on("click", function() {
      $(".menu .item").addClass("close");
      $(this).removeClass("close");
   });
});

Comments

[Ankhena]

Логичнее открытому добавлять один раз класс is-open

[Medvejonok86]

Ankhena, согласен)