romich
@romich
Frontend разработчик

Как сделать плавное раскрытие фильтров?

Интересует именно анимация. Есть огромный фильтр с выпадающие категориями. Высота категории неизвестна. В каждой категории если больше 6 параметров появляется кнопка "показать все".

Вопросы:
1) как лучше добавлять кнопку? Проходить по блокам, смотреть кол-во параметр ов и Append? Тогда какой должен быть CSS? При таком методе кнопка должна уходить в конец и превращаться в "скрыть все"
2) через что делать анимацию? Если использую max-height и transition, то анимация не плавная. Потому что где-то блоки высотой 300, а где-то 1000. Как запилить плавную анимацию?

За пример особо был бы благодарен
  • Вопрос задан
  • 186 просмотров
Пригласить эксперта
Ответы на вопрос 1
Stalker_RED
@Stalker_RED
transition сможет сделать анимацию только если единицы измерения одинаковые.
например от 30% до 100% или от 0px до 345px, но сделать от 300px до auto - не получится.

Поэтому скриптом: https://codepen.io/TBernard/post/transition-height...
Ответ написан
Ваш ответ на вопрос

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

Похожие вопросы