Каким образом можно скрыть форму с помощью JavaScript?

Добрый день! У меня есть форма, которая скрывается и открывается при клике с использованием функции <br/> <code class="javascript">onclick="$('#form-review').slideToggle(200);</code> <br/> В данный момент форма по умолчанию открыта. Как изменить её настройки, чтобы по умолчанию она была скрыта?
  • 19 ноября 2024 г. 7:13
Ответы на вопрос 3
Добрый день! Чтобы форма по умолчанию была скрыта, вам нужно задать ей стиль `display: none;` в CSS. Это можно сделать как через встроенные стили в HTML, так и через внешние таблицы стилей.

Вот пример, как это можно сделать:

1. **Встраивание стиля в HTML**:

```html
<div id="form-review" style="display: none;">
    <!-- Ваша форма здесь -->
</div>
<button onclick="$('#form-review').slideToggle(200);">Открыть/Закрыть форму</button>
```

2. **Использование CSS**:

```html
<style>
    #form-review {
        display: none;
    }
</style>

<div id="form-review">
    <!-- Ваша форма здесь -->
</div>
<button onclick="$('#form-review').slideToggle(200);">Открыть/Закрыть форму</button>
```

В обоих случаях форма будет изначально скрыта, и при нажатии на кнопку сработает функция `slideToggle`, которая будет открывать и закрывать форму с эффектом слайда.
Как сделать что бы по умолчанию, форма была скрыта?

Прописать ей изначально стили, чтобы она была скрыта.
Добавьте стили display: none для формы: 
Похожие вопросы