Intereting Posts
Flex-коробка с оболочкой внутри другой коробки Flex Ограничить текст шириной изображения / ширины sibling в CSS Ограничения по размеру URL-адреса протокола данных Страница перезагрузки php без отправки данных Краткая задержка загрузки стиля карт Google Исправлен отбор HTML и PHP с помощью Vim Обнаруживать, когда окно страницы браузера теряет фокус с помощью Alt-Tab с использованием чистого JS или jQuery Как установить innerHTML какого-либо элемента в окне, открытом объектом windows JavaScript? Как получить файл HTML с помощью Python? Я хочу загрузить еще одну страницу HTML через определенное время Сообщения об успешности / ошибках в форме Submit not show Как автоматически растянуть и все же ограничить дочерний элемент HTML в родительском контейнере? Добавить мягкие дефисы в CMS: заставить его работать в Chrome Как складывать элементы DIV друг над другом с позицией: относительный Отправить письмо с кодом PHP

jQuery: скрыть div на зависании, оставаться видимым при нажатии

У меня пара position: absolute; display:block; «кнопок» display:block; и пара position: absolute; div с текстом в них. Диски скрыты display:none; установите значение по умолчанию.

Когда вы наведете * наведите указатель мыши на кнопку, рядом с ней (в коде) появится div (с каким-то эффектом затухания / прокрутки), а затем снова выцветете / прокрутите, если вы переместите курсор от кнопки.

Когда вы нажимаете на кнопку, рядом с ней должен оставаться видимым (т.е. display: block;). Он должен исчезнуть снова, если вы нажмете на кнопку или сам div (зависание над кнопкой или div не должны ничего менять).

Я думал, что это будет просто, но я не могу заставить его работать.

с небольшим знанием вашего html, вот как я его получил.

HTML

 button 
some text in it.

JQuery

 $('.mydiv').addClass('hover').click(function(){ $(this).addClass('hover').fadeOut(); }); $('a.mybutton').click(function() { $('.mydiv').toggleClass('hover').show(); // $('.mydiv').removeClass('hover').show(); }).hover(function() { $('.mydiv.hover').fadeIn(); }, function() { $('.mydiv.hover').fadeOut(); }); 

Сумасшедшая демонстрация