Как сделать эффект замены блоков в jQuery?

Question

[SemenyukS]

Всем привет.
Я в js пока новичек, и не знаю как с помощью jquery можно реализовать такой эффект, чтобы при нажатии на кнопку "Замовити" текущий блок с текстом сворачивался и на его становился блок с формой. Нужно ли задавать одинаковые параметры блокам, или существует функция которая заменит эти блоки как надо самостоятельно?
Искал в интернете подобные решения, но мне ни один не подошёл, к сожалению. Помогите реализовать. Буду очень благодарен

Вот код для примера

<div class="col-md-3 order" id="">
    <div id="price_view"> 
        Текст
        <a href="#" id="order_btn">Замовити</a> <br />
    </div>
    <div id="form_view">
        Форма
        <a href="#" id="done_btn">Готово</a> <br />
    </div>
</div>

.order #price_view, .order #form_view{
    background-color: #ffffff;
    margin-bottom: 87px;
    text-align: center;
    font-family: Gothinc-Bold;
    font-size: 18px;
    height: 100%;
    padding: 0;
}

Answer 1

[iBird Rose]

внутри своего col-md-3 order создаешь этот блок и делаешь его position: absolute; задаешь ему display: none; изначально. а потом при клике делаешь slideDown к примеру