JSFiddle - React, Tailwind, and code Playground
by Manna
HTML
<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<link rel="stylesheet" href="http://tommywebdesigner.com/CSS/nav.css">
<div class="accordion" id="accordion2">
<div class="accordion-group">
<div class="accordion-heading">
<table class="table">
<thead>
<tr>
<th width="35%">Fondo/Sociedad</th>
<th width="10%">Actual</th>
<th width="10%">Rent. A.</th>
<th width="25%">Patr. Actual</th>
<th width="10%">Tae A.</th>
<th width="10%">Reg. CNMV</th>
</tr>
</thead>
<tbody>
<tr>
<td>Nombre Fundo/Sociedad</td>
<td>111,88</td>
<td>0.13 %</td>
<td>3.404.808,19 euro</td>
<td>1.53%</td>
<td>3015</td>
</tr>
<tr>
<td>Nombre Fundo/Sociedad</td>
<td>14,84</td>
<td>1,55 %</td>
<td>2.043.608,62 euro</td>
<td>10,43 %</td>
<td>3766</td>
</tr>
<tr>
<td>Nombre Fundo/Sociedad</td>
<td>20,19</td>
<td>3,75 %</td>
<td>26.817.819,33 euro</td>
<td>20,57 %</td>
<td>3015</td>
</tr>
<tr>
<td>Nombre Fundo/Sociedad</td>
<td>10,30</td>
<td>0,006 %</td>
<td>4.731.059,54 euro</td>
<td>0,71 %</td>
<td>2274</td>
</tr>
<tr>
<td>Nombre Fundo/Sociedad</td>
<td>7,20</td>
<td>3,99 %</td>
<td>20.469.027,45</td>
<td>56,52 %</td>
<td>11</td>
</tr>
<tr>
<td>Nombre Fundo/Sociedad</td>
<td>1,12</td>
<td>1,45 %</td>
<td>4.297.723,66</td>
<td>2,15 %</td>
<td>321</td>
</tr>
</tbody>
...
JavaScript
$('.accordion').on('show hide', function(e){
$(this).find('.accordion-toggle i').toggleClass('icon-circle-arrow-up icon-circle-arrow-down', 200);
});
$('.accordion-body').collapse();