Как сверстать этот блок?

Question

[Денис Курочкин]

Добрый день. Стыдно спрашивать, но уже долго ломаю голову, как нормально сверстать вот этот блок?

Я примерно уже сверстал здесь, но у меня проблемы с анимацией раскрытия и адаптивностью.
Есть ли другие решения? Как сделать чтобы раскрывалось плавно и было адаптивно? Спасибо

Comments

[Ihor Bratukh]

У Вас в таблице, так делать нельзя!

<table class="">
    <div class="table_toggle">+</div>
    <tr class="table-heading">

[Вова Дружаев]

Это обычный аккордеон

Answer 1

[Дмитрий]

Пример

Comments

[Денис Курочкин]

Спасибо!

Answer 2

[Александр Кульнёв]

Как-то так, + ваша анимация.
https://www.w3schools.com/howto/howto_js_collapsib...
ну, или bootstrap accordion

Answer 3

[Ratibor]

Думаю надо посмотреть вам как делать аккордеон.

Answer 4

[romanu418]

jQuery animate height: auto
https://codepen.io/JTParrett/pen/CAglw?editors=1010