Как сделать плавное развертывание на bootstap 4?

Question

[Дмитрий Дев]

Как сделать плавное развертывание на bootstap 4 по аналогу с accordion из инструкции к bootstrap?

Я сделал такое, но нет плавности и в автомате складываются и разворачиваются поочередно, а не одновременно как в инструкции

<table id="collapseTable" class="table table-striped table-bordered table-hover table-dark">
				<thead class="thead-light">
					<tr>
						<th colspan="12" class="text-center clickable" data-toggle="collapse" href="#collapseOne" role="button" aria-expanded="false" aria-controls="collapseOne">
							Самара – Казань – Самара
						</th>
					</tr>
				</thead>
				<tbody id="collapseOne" class="collapse" aria-labelledby="tableOne" data-parent="#collapseTable">
					<tr>
						<td>17 май 2019 (пт)<br>19 май 2019 (вс)</
					</tr>
				</tbody>
				<thead class="thead-light">
					<tr>
						<th colspan="12" class="text-center clickable" data-toggle="collapse" href="#collapseTwo" role="button" aria-expanded="false" aria-controls="collapseTwo">
							Самара – Казань – Самара
						</th>
					</tr>
				</thead>
				<tbody id="collapseTwo" class="collapse" aria-labelledby="tableTwo" data-parent="#collapseTable">
					<tr>
						<td>17 май 2019 (пт)<br>19 май 2019 (вс)</
					</tr>
				</tbody>
			</table>