Новая форма начальной загрузки будет отображаться при нажатии кнопки

Question

У меня есть кнопка начальной загрузки.Когда эта кнопка нажата, мне нужно отобразить форму или текстовую область чуть ниже кнопки.

Если до нажатия кнопки были какие-либо компоненты под кнопкой, их следует переместить под новую область формы / текста, которая должна отображаться.

Не могли бы вы указать мнекак реализовать это в начальной загрузке?

Answer 1

Вы можете использовать Bootstrap 4 для достижения этого.

<button class="btn btn-primary" type="button" data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample">
    Button with data-
</button>

<div class="collapse" id="collapseExample">
  <form>
    <input type="text">
  </form>
</div>

Или вы можете использовать jQuery $( "#button" ).append( "<form>Your form</form>" );

Bootstrap также использует jQuery под капотом.Использование первого параметра позволяет переключать форму, в то время как второй будет продолжать добавлять форму.