2

Здравствуйте, можете, подсказать по JavaScript. Есть многоуровневое меню, и вот в данной ситуации, по клику на кнопку – span с классом submenu-caret, у меня открываются и закрываются абсолютно все подменю с классом shop-menu-level-2

Как сделать, чтобы функция slideDown() и slideUp() работала только для того блока с классом shop-menu-level-2, который находится в том же родителе, что и кнопка submenu-caret, по которой делается клик?

    // shop-menu
$('.submenu-caret').click(function () {

        if (this.innerText == "+") {
            this.innerText = "-";
            $('.shop-menu-level-2').slideDown();
        } else {
            this.innerText = "+";
            $('.shop-menu-level-2').slideUp();
        }
});


<li class="level-1 parent">
     <div>
         <span class="submenu-caret">+</span>
         <a href="#">Двигатели</a>
      </div>
      <ul class="shop-menu-level-2">
         <li class="level-2">
             <a href="#">Двигатели дизельные</a>
          </li>
          <li class="level-2">
             <a href="#">Двигатели бензиновые</a>
          </li>
       </ul>
</li>

введите сюда описание изображения

2 ответа 2

4

Доходите до родителя $(this).closest('.level-1') - потом вниз .find('.shop-menu-level-2')

$('.submenu-caret').click(function () {
  if (this.innerText == "+") {
    this.innerText = "-";
    $(this).closest('.level-1').find('.shop-menu-level-2').slideDown();
  } else {
    this.innerText = "+";
    $(this).closest('.level-1').find('.shop-menu-level-2').slideUp();
  }
});
2
  • 1
    разница - четыре секунды :)
    – user176262
    Commented 21 февр. 2018 в 22:26
  • 1
    ))) не сразу понял о чем вы ))) Commented 21 февр. 2018 в 22:27
4
$('.submenu-caret').click(function () {
  if (this.innerText == "+") {
    this.innerText = "-";
    $(this).closest('.parent').find('.shop-menu-level-2').slideDown();
  } else {
    this.innerText = "+";
    $(this).closest('.parent').find('.shop-menu-level-2').slideUp();
  }
});

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.