Boostrap 4 accordion несколько штук

157
22 января 2019, 12:30

у меня есть таблица в виде аккордиона

при нажатии

Задача состоит что на сайте будут штук 20

я к примеру добавил скрипт jQuery

$(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>

Подкиньте идею как сделать правильно.

READ ALSO
Как сделать из div-a ссылку?

Как сделать из div-a ссылку?

Мне нужно, чтобы при клике на div(там на сайте целый блок), осуществлялся бы переход на другую страницуКак это можно реализовать с помощью JQuery?

140
WPF привязка DataContext к полю родительского DataContext

WPF привязка DataContext к полю родительского DataContext

Есть у меня главная форма, у нее в DataContext указана модель этой формыВ этой модели есть свойство, ссылающееся на другую модель

141
Разработка аналога regedit в Windows [закрыт]

Разработка аналога regedit в Windows [закрыт]

Нужно написать аналог утилиты regedit для работы с реестром Windows для курсовой на c++, можно и на c#Хотелось бы уточнить, насколько вообще это задание...

181
Требуется сохранить код символа в файле

Требуется сохранить код символа в файле

Есть интовый массив с кодами символовЕго нужно записать в файл

167