Как сделать такую анимацию формы?

Question

[TreeFall1]

Как сделать такую анимацию у формы? https://ru.files.fm/u/jha3jutp7c
У меня есть такая же форма, но анимации нет.

Answer 1

[Виктор Кожухарь]

Такие вещи можно решить полностью на CSS.
Делается скрытый checkbox, его label стилизуется в виде нужной кнопки, а как мы знаем, чекбокс срабатывает даже при клике на его label. И потом при помощи селектора ".toggle:checked + .lbl-toggle + .collapsible-content" запускаем анимацию, когда checkbox устанавливается в значение checked



P.S. Учите HTML и CSS и вам зачастую не нужно будет использовать Javascript, который последнее время пихают везде: и куда нужно, и куда совершенно противопоказано.

Comments

[TreeFall1]

А можно сделать так, что бы оно было открыто изначально?

[Виктор Кожухарь]

TreeFall1, Нет ничего проще. Тут анимация описана как принцип, поэтому, просто меняете местами значения min-height для класса .collapsible-content, да и всё