Как отложить выполнение события mouseout?

Question

[Данил Трубицын]

Хочу сделать меню, как у сайта Перекрестка. Чтобы при наведении на название родительской категории открывался список подкатегорий. Но при смещении курсора давалось время на то, чтобы курсор перевести на список подкатегорий.

Если объяснить иначе, то нужна задержка, которая позволит немного промахнуться, в процессе смещения курсора на подкатегории.

Если делать через простой CSS hover, то при перемещении курсора, можно зацепить соседнюю родительскую категорию, и подкатегории откроются уже другие.

Извиняюсь, за сложную формулировку, как смог :)

Набросал код здесь https://jsfiddle.net/n47y9x61/

Comments

[imko]

Упакуй обработчик в setTimeout, включай и сбрасывай его когда надо

Answer 1

[Stalker_RED]

Я просто оставлю это здесь: https://habr.com/ru/post/171905/

Сейчас, кроме библиотеки описанной в статье есть еще куча подобных решений, но сходу не подскажу по каким словам их искать.