Задать вопрос
@abbrakadabbra
javascript

Как «задержать» div, который появляется при наведении?

Написал пример здесь: https://jsfiddle.net/uq6218wy/3/
Играл много, но получается не то что нужно, а хочу сделать, чтобы при наведении курсора на ссылку Mouseenter появлялся блок social, в котором можно было спокойно водить мышь и он не скрывался.

Сейчас он сразу скрывается, если мышь ушла за границы ссылки Mouseenter.. Не понимаю где косяк, подскажите.
  • Вопрос задан
  • 538 просмотров
Комментировать
Подписаться 3 Оценить Комментировать
Решения вопроса 3
politon
@politon
HTML5,CSS3,JS,PHP,SQL,API,canvas,animation...
Может так ;) без Js на голом css https://jsfiddle.net/joomla/b0j1pcoa/
Ответ написан
2 комментария
2 комментария
fsockopen
@fsockopen 
$("#trigger").on({
  mouseenter: function() {
    $(".list").css("opacity", "0");
    $(".social").show();
  },
  mouseleave: function(event) {
   var el = event.target;
   $(el).closest(".container").find(".social").hide();
   $(".list").css("opacity", "1");
  	console.log(event.target);
  }
});


и вот тебе радость
Ответ написан
Комментировать
Комментировать
werty1001
@werty1001
undefined
https://jsfiddle.net/uq6218wy/5/ Еще нужно кнопку добавить, чтобы пользователь мог закрыть, если ему это не интересно.
Ответ написан
4 комментария
4 комментария
Пригласить эксперта
Ответы на вопрос 1
@void01
hoverintent jquery plugin
cherne.net/brian/resources/jquery.hoverIntent.html
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript Fullstack
OnClass
от 200 000 до 600 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Написать индикатор на TradingView по хаям/лоям дня недели
25 апр. 2024, в 08:45
4000 руб./за проект
Вычислить размер объекта по карте глубин
25 апр. 2024, в 07:37
5000 руб./за проект
Спарсить TON PLACE: скрейпинг фото и текста с анкет по списку URL
25 апр. 2024, в 05:57
3000 руб./за проект
Ещё заказы