Expand/collapse table tr แบบ nested table(มี hierarchy)

$(document).ready(() => {
  
    /* the following handlers expand/collapse the columns */
    $('thead > tr > td').each((i, el) => {
      $(el).click(() => {

        const colIndex = $(el).index() + 1;
        const nRows = $('tbody > tr').length;

        for (let j = 0; j < nRows; j += 1) {
          let cellSelector = `tbody > tr:nth-child(${j+1})`
          cellSelector += `> td`;
          $(cellSelector).toggleClass('collapsed');
        }
      })
    })


    /* the following handlers expand/collapse the account-details rows */
    $('tbody > tr.account').each((i, el) => {
      $(el).click(() => {
        $(el).nextUntil('.account').each((j, ele) => {
          $(ele).toggleClass('collapsed');
        })
      })
    })
  });