Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Nick Murzin
@R0s0maxa
junior web-developer
JavaScript
HTML
CSS
Вёрстка
Выпадение скрытого блока?
как правильно организовать выпадение скрытого блока с информацией при ховере?
думал в сторону CSS3 transform или же лучше сделать с помощью js/jquery?
Вопрос задан
более трёх лет назад
511 просмотров
Комментировать
Подписаться
2
Оценить
Комментировать
Facebook
Вконтакте
Twitter
Решения вопроса
1
Дмитрий Антонов
@Sadist07
Верстальщик, Недо дизайнер
Методом css но нужно будет указывать высоту блока если хочешь чтоб плавно было. Если нет высоту inherit ставишь.
JQuery, а тут все проще берешь на блок который наводить надо ставишь событие hover и от него уже указываешь, что скрыть что показать .show() и .hide()
jsfiddle.net/2mumch7d
Ответ написан
более трёх лет назад
Комментировать
Нравится
1
Комментировать
Facebook
Вконтакте
Twitter
Пригласить эксперта
Ответы на вопрос
3
Alexander Litvinenko
@edli007
full stack, team lead
А как вы будете менять фиксированную высоту в CSS, если в админке добавят новый пункт меню?
Ответ написан
более трёх лет назад
Комментировать
Нравится
2
Комментировать
Facebook
Вконтакте
Twitter
Faber Estello
@senselessV7
смотря в каких случаях, если нужно и для ie8-9, то лучше js/jquery, но я бы предпочел transform. Многие современные сайты yfgjkyz.n transform
Ответ написан
более трёх лет назад
Комментировать
Нравится
1
Комментировать
Facebook
Вконтакте
Twitter
Сергей Сергей
@hahenty
('•')
это overflow, hidden и visible, при фиксированной высоте, без анимации.
Ответ написан
более трёх лет назад
Комментировать
Нравится
1
Комментировать
Facebook
Вконтакте
Twitter
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
CSS
+2 ещё
Простой
Вёрстка анимированой кнопки — как реализовать?
1 подписчик
22 авг.
101 просмотр
0
ответов
JavaScript
+2 ещё
Простой
Почему electron приложение после нотаризации не запускается на других маках?
1 подписчик
22 авг.
123 просмотра
0
ответов
JavaScript
Простой
Как реализовать счетчик мульти-слайдера?
1 подписчик
21 авг.
83 просмотра
2
ответа
CSS
Простой
Как адаптивно верстать рванные блоки?
1 подписчик
21 авг.
329 просмотров
1
ответ
JavaScript
Сложный
Какая карта может строить линии с текстом?
1 подписчик
21 авг.
112 просмотров
0
ответов
JavaScript
+3 ещё
Простой
Магазин на Prestashop 9 — как разрешить скрипты на cms страницах при редактировании в админке?
1 подписчик
20 авг.
83 просмотра
1
ответ
Вёрстка
Простой
Проблема с версткой сайта?
1 подписчик
20 авг.
606 просмотров
1
ответ
HTML
+1 ещё
Простой
Как скрыть предпросмотр ссылки в преднабранном тексте Telegram (?=text...)?
1 подписчик
20 авг.
105 просмотров
2
ответа
JavaScript
Простой
Как правильно пользоваться функцией onScroll встроенной в anime.js?
1 подписчик
20 авг.
81 просмотр
1
ответ
CSS
Простой
Как сделать полноценную обводку у clip-path?
2 подписчика
19 авг.
160 просмотров
0
ответов
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Fullstack Разработчик (Next.js / JavaScript / TypeScript)
App Company
от 150 000 до 300 000 ₽
Fullstack Разработчик (Next.js / JavaScript / TypeScript)
Оффер Под Ключ 🔑
от 100 000 до 150 000 ₽
Fullstack JavaScript разработчик
Wanted
от 180 000 до 240 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама