i have an accordion table
when you press
The task is that the site will be pieces 20
I for example added jQuery script
$(function() { $('#tableColor').click(function() { $('#tableColor').toggleClass('collapsed ActiveClass'); }); }); <div class="zakaz-table"> <table> <thead data-toggle="collapse" data-target="#table1" id="tableColor"> <tr> <th scope="col"><span>01</span></th> <th scope="col"><span>Трубы</span></th> <th scope="col"><span>длина хлыста</span></th> <th scope="col"><span>метров в пачке</span></th> <th scope="col"><span>количество пачек</span></th> <th scope="col"><span>итого метров</span></th> </tr> </thead> <tbody class="collapse" id="table1" aria-expanded="false"> <tr> <td data-label="01">000020022</td> <td data-label="Трубы">PPR Труба PN10 D110 КОНТУР</td> <td data-label="длина хлыста">04/01/2016</td> <td data-label="метров в пачке">04/01/2016</td> <td data-label="количество пачек">2</td> <td data-label="итого метров">03/01/2016 - 03/31/2016</td> </tr> <tr> <td scope="row" data-label="01">000020022</td> <td data-label="Трубы">PPR Труба PN10 D20 КОНТУР</td> <td data-label="длина хлыста">03/01/2016</td> <td data-label="метров в пачке">$2,443</td> <td data-label="количество пачек">3</td> <td data-label="итого метров">02/01/2016 - 02/29/2016</td> </tr> <tr> <td scope="row" data-label="01">000020022</td> <td data-label="Трубы">PPR Труба PN10 D25 КОНТУР</td> <td data-label="длина хлыста">03/01/2016</td> <td data-label="метров в пачке">$1,181</td> <td data-label="количество пачек">количество бухт</td> <td data-label="итого метров">02/01/2016 - 02/29/2016</td> </tr> </tbody> </table> </div> Throw an idea how to do it right.
$(this).siblings("tbody").collapse('toggle')for$('thead').click(...)- teran