JSFiddle - React, Tailwind, and code Playground
by wwwroot
HTML
<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.0/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://twitter.github.io/bootstrap/assets/css/bootstrap.css">
<button>Search</button>
<div id="search" class="collapse">
<table id="tbl" class="table table-striped">
<thead>
<tr>
<th> <span style="margin-left: 20px">Customer name</span>
</th>
<th>Postcode</th>
<th>Age</th>
</tr>
</thead>
<tbody data-bind="">
<tr>
<td>
<label class="radio control-label">
<input type="radio" name="searchIndividualSearchResultsRadio" data-bind=""> <span data-bind="">Mr. Neymar da Silva Santos Júnior</span>
</label>
</td>
<td> <span data-bind="">BR43 1LL</span>
</td>
<td> <span data-bind="">21</span>
</td>
</tr>
<tr>
<td>
<label class="radio control-label">
<input type="radio" name="searchIndividualSearchResultsRadio" data-bind=""> <span data-bind="">Mr. Neymar da Silva Santos Júnior</span>
</label>
</td>
<td> <span data-bind="">BR43 1LL</span>
</td>
<td> <span data-bind="">21</span>
</td>
</tr>
<tr>
<td>
<label class="radio control-label">
<input type="radio" name="searchIndividualSearchResultsRadio" data-bind=""> <span data-bind="">Mr. Neymar da Silva Santos Júnior</span>
</label>
</td>
<td> <span data-bind="">BR43 1LL</span>
</td>
<td> <span data-bind="">21</span>
</td>
</tr>
...
CSS
body {
padding: 10px
}
JavaScript
//$('#search').collapse();
$("button").click(function(){
$('#search').collapse('show');
});
//$('#search').collapse('hide');