JSFiddle - React, Tailwind, and code Playground
by swaroop206
HTML
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<div class="bs-example">
<div class="panel-group" id="accordion">
<div class="panel panel-default">
<h1>Orders</h1>
<table class="table table-striped" <thead>
<tr>
<th>ID</th>
<th>Customer</th>
<th>Status</th>
</tr>
</thead>
<tbody>
<tr data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
<td>1</td>
<td>24234234</td>
<td>A</td>
</tr>
<tr data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">
<td>2</td>
<td>24234234</td>
<td>A</td>
</tr>
<tr data-toggle="collapse" data-parent="#accordion" href="#collapseThree">
<td>3</td>
<td>24234234</td>
<td>A</td>
</tr>
</tbody>
</table>
<div id="collapseOne" class="panel-collapse collapse in">
<div class="panel-body">
<p>HTML stands for HyperText Markup Language. HTML is the main markup language for describing the structure of Web pages.</p>
</div>
</div>
<div id="collapseTwo" class="panel-collapse collapse">
<div class="panel-body">
<p>Bootstrap is a powerful front-end framework for faster and easier web development. It is a collection of CSS and HTML conventions.</p>
</div>
</div>
<div id="collapseThree" class="panel-collapse collapse">
<div class="panel-body">
<p>CSS stands for Cascading Style Sheet. CSS allows you to specify various style...