协助/指导在扩展/折叠功能表上将子项与父项合并

Question

首先，这是我的JSFiddle

我试图找到一个很好的方法来合并当前在父级下面的行。例如，从我的JSFiddle，当第3组扩展10,11,12,16,3,37,56和9行将是第3组而不是它的右边...但是我希望保留小计它在哪里（10,11,12等等东西可以是空白的）。我正在寻找一种方法来实现这一点，我可以根据需要将其应用于更大的场景（多个展开/折叠级别）。任何帮助或建议将不胜感激。

//expand collapse based on parent class which is column 1
$(document).ready(function() {
  $('.parent').prepend('+');

  $('.parent').on('click', function() {
    if ($(this).text().indexOf('-') != -1) {
      var str0 = $(this).text().replace(/-/g, '+');
      $(this).text(str0);
    } else {
      var str = $(this).text().replace(/\+/g, '-');
      $(this).text(str);
    }
    var $row = $(this).parent();
    var rowspan = +$(this).attr('rowspan') || 4;
    $.merge($row, $row.nextAll()).slice(0, rowspan).find('.child').toggle();
  });
});