0

I have to make site which generates some random data and has collapsible rows. How can I create a function that shows and hides all table rows between rows with a 'header' class?

for (i = 0; i < 15; i++) {
  var table = document.getElementById("Tabela");
  var tr = table.insertRow();
  tr.id = 1 + i;
  tr.className = 'header';
  var cell1 = tr.insertCell(0);
  var cell2 = tr.insertCell(-1);
  var cell3 = tr.insertCell(0);
  cell1.innerHTML = wydawnictwo[i].nazwa;
  cell2.innerHTML = wydawnictwo[i].adres;
  cell3.innerHTML = i + 1;
  var trh = table.insertRow();
  trh.className = 'books'
  var cell4h = trh.insertCell(0);
  var cell5h = trh.insertCell(0);
  var cell6h = trh.insertCell(0);
  var cell7h = trh.insertCell(0);
  cell4h.innerHTML = 'ISBN';
  cell5h.innerHTML = 'Data wydania';
  cell6h.innerHTML = 'Autor';
  cell7h.innerHTML = 'Nazwa książki'
  var num7 = Math.floor(Math.random() * 30);
  for (j = 0; j < num7; j++) {
    var num8 = Math.floor(Math.random() * 30)
    var table1 = document.getElementById("Tabela");
    var trk = table1.insertRow();
    trk.className = 'books'
    var cell4 = trk.insertCell(0);
    var cell5 = trk.insertCell(0);
    var cell6 = trk.insertCell(0);
    var cell7 = trk.insertCell(0);
    cell4.innerHTML = ksiazka[num8].isb;
    cell5.innerHTML = ksiazka[num8].datawydania;
    cell6.innerHTML = ksiazka[num8].autor;
    cell7.innerHTML = ksiazka[num8].nazwaksiazki;
  }
}
Rory McCrossan
  • 331,213
  • 40
  • 305
  • 339
Łukasz Czapiewski
  • 13
  • 2
  • 1
    We would need to see the relevant HTML in order to help you. Also a sample of the `wydawnictwo` data. – Rory McCrossan Feb 17 '20 at 15:11
  • 2
    Does this answer your question? [expand/collapse table rows with JQuery](https://stackoverflow.com/questions/16926752/expand-collapse-table-rows-with-jquery) – vicpermir Feb 17 '20 at 15:16
  • 1
    `$(".header").click(function() { $(this).nextUntil(".header").toggle(); })`; – freedomn-m Feb 17 '20 at 15:19
  • 1Editioul. Ułańska 28 60-748 Poznań Nazwa książkiAutorData wydaniaISBN Lekarstwo dla duszyGabriel Cruz1998-06-17978-83-71765-357-65 and then random amount of rows with class 'books'. – Łukasz Czapiewski Feb 17 '20 at 15:21

0 Answers0