Как при наведении не потерять фокус блока?

Question

[dzenn]

$(document).ready(function(){
    $(function(){
     $('.kitchen').click(function(){
       $('.kitchen-links').show();
      },
      function(){
       $('.kitchen-links').hide();
      });
    });

    $(function(){
     $('.gost').click(function(){
       $('.gost-links').show();
      },
      function(){
       $('.gost-links').hide();
      });
    });
});

При наведении на опредённый айтем меню, справа появляется новый блок. Но как только я хочу в этом блоке выбрать, что-то он сразу же пропадает. И меня смущает то, что я каждый раз пишу новое события для каждого айтема.

Comments

[dzenn]

Никита Полевой: я добавил изображения

[Kovalsky]

dzenn: ага, вижу.

По поводу нового события для каждого итема - пишите одно событие для всех элементов с общим классом.

По поводу этих же событий - вы в метод click передаёте две функции. Зачем? Может оно и работает как надо, но даже в мануале такого нет) Сделайте одну функцию, мне кажется тогда сразу будет понятно в чем ошибка.

[dzenn]

Никита Полевой:
$(document).ready(function(){
$('.kitchen').click(function(){
$('.kitchen-links').show();
$('.kitchen-links').hide();
});
});

не могу понять. как мне это может помочь?:)

[Kovalsky]

dzenn: это - не поможет, потому что 1) .kitchen это не общий класс. Ну тут суть не в общем классе, а в том что можно таргетить сразу все элементы нужные, и kitchen, и gost, 2) ваш код и показывает и прячет элемент сразу, нужно что-то одно же.

Answer 1

[Kovalsky]

Если я правильно понял, изначально у вас проблема в том, что вы вешаете обработчик на элемент, в котором находятся ваши links. То есть суть в том, что обработчик срабатывает 1) когда вы кликаете на kitchen, и 2) когда вы кликаете на любой дочерний элемент, например kitchen-links.

Одно из решений - повесить e.stopPropagation() на клик по контенту. Как-то так

Answer 2

[Anton Dyrkov]

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