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

Почему не работает свойство transition?

https://jsfiddle.net/b0dxdou9/
По клику добавляем/удаляем класс родительскому nav'у.
Изменяем видимость (или высоту с overflow:hidden, не важно) у списка ul.
И "плавность" не срабатывает.

Элементарный, казалось бы, пример. Уже час не могу понять что я не так делаю :(
Жду вашей помощи, спасибо!
  • Вопрос задан
  • 353 просмотра
Комментировать
Подписаться 1 Оценить Комментировать
Решения вопроса 1
iiiBird
@iiiBird Куратор тега CSS
Пока ты спишь - твой конкурент совершенствуется
transition на display не работает, а на height надо задавать точную высоту, а не auto. так что либо делай через js. либо оперируй через max-height. сначала 0, потом 1000px к примеру

https://jsfiddle.net/b0dxdou9/1/
Ответ написан
3 комментария
3 комментария
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript Developer (backend / fullstack)
Brightdata • Тель-Авив
от 5 500 до 6 500 $
Ещё вакансии
Заказы с Хабр Фриланса
Макет для печати на Плейсменты | Меню на стол А3
10 мая 2024, в 17:44
1500 руб./за проект
Доработка ИМ на 1С Битрикс
10 мая 2024, в 17:30
80000 руб./за проект
Требуется Java + Spring Boot специалист на разработку API-сервиса
10 мая 2024, в 17:14
2000 руб./за проект
Ещё заказы