Как создать анимацию для данной формы?

Для того чтобы добавить анимацию к форме на вашем сайте, вы можете использовать CSS и JavaScript. Ниже приведен пример кода, который анимирует появление формы:

1. Создайте CSS стили для анимации:

```css
.form {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.5s, transform 0.5s;
}

.form.show {
    opacity: 1;
    transform: translateY(0);
}
```

2. Добавьте JavaScript код для активации анимации:

```javascript
document.addEventListener('DOMContentLoaded', function() {
    var form = document.querySelector('.form');
    form.classList.add('show');
});
```

3. Примените стили к вашей форме:

```html
<form class="form">
    <!-- Ваша форма здесь -->
</form>
```

После того, как вы добавите этот код на ваш сайт, ваша форма будет появляться с анимацией при загрузке страницы. Вы можете настроить параметры анимации, такие как продолжительность и тип анимации, в зависимости от ваших предпочтений.

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