Задачка на сообразительность. Кто сможет решить?

Question

[Василий Хрягин]

Аккордеон, при нажатии на каталог появляется список и при нажатии Бел. одежда. На зеленый квадрат должен отходить на одну вложенность назад. На крестик выходить из меню. Но тут работает только нажатие на зеленый квадратик третей вложенности. Чо тут делать? помогити

Comments

[Ярослав Иванов]

Чево?

Answer 1

[ThunderCat]

у вас где-то еще что-то пересекается, при клике срабатывает и хайд и шоу(в итоге оно снова шоу), как простой выход - сделайте .hide( "slow"), более правильно - отловить что там у вас лишнее на что наезжает из элементов.

UPD: $('.stock-item') пересекается с $('.catalog-close')

Comments

[Василий Хрягин]

Да, просто сток итем оказался родителем для всего прочего

Answer 2

[Сергей Карвасарный]

Вот держи, у тебя сверстано так, что ты жмешь крестик и по факту еще жмешь на родителя на которого ты делаешь открытие 2 уровня по этому у тебя сразу 2 события срабатывает, еще при close нужно скрывать 2 уровня в твоем коде он скрывает только 2 а 3 не скрывает. $(this).parents('.catalog-panel').hide(); думаю с этим понятно будет) просто .fist убрать

$('.catalog-close').click(function(event){
      event.stopPropagation();
      $(this).parents('.catalog-panel.first').hide();
    });
    $('.back').click(function(event){
       event.stopPropagation();
      $(this).closest('.catalog-panel').hide();
    });

Comments

[Василий Хрягин]

parents() убирает всех родителей с таким классом?

[Сергей Карвасарный]

Василий Хрягин, https://api.jquery.com/parents/ Только ты учти что ты искал ('.catalog-panel.first') а это у тебя 1 уровень, а второй уровень у тебя .catalog-panel !== .catalog-panel.first по этому он 2 уровень не скрывает.