Ops scusa mi aveva dato un'anteprima migliore

codice:
<table class="table  mails m-0 table table-actions-bar" cellspacing="0" rules="all" id="ctl00_ContentPlaceHolderBody_GridViewTitolare" style="border-width:0px;border-collapse:collapse;">
<tr style="border-color:DarkGray;border-width:1px;border-style:solid;">
<th scope="col">&nbsp;</th>
<th scope="col" style="border-width:0px;">Id</th>
<th scope="col" style="border-width:0px;">Anagrafica Titolare</th>
<th scope="col" style="border-width:0px;">Unione</th>
</tr>
<tr>
<td style="width:20px;">
<a href="JavaScript:divexpandcollapse('divT63');">
<img alt="Details" id="imgdivT63" src="images/asc.gif" />
</a>
<div id="divT63" style="display: none;">
<div>
<h3>Responsabili incaricati dal titolare</h3>
</div>
<!-- RESPONSABILE-->
<div>
<table class="table table-hover mails m-0 table table-actions-bar" cellspacing="0" rules="all" id="ctl00_ContentPlaceHolderBody_GridViewTitolare_ctl02_GridViewResponsabile" style="border-width:0px;border-collapse:collapse;">
<tr style="border-color:DarkGray;border-width:1px;border-style:solid;">
<th scope="col">&nbsp;</th>
<th scope="col" style="border-width:0px;">Id</th>
<th scope="col" style="border-width:0px;">Anagrafica Responsabili</th>
<th scope="col" style="border-width:0px;">Nominato da</th>
<th scope="col" style="border-width:0px;">Facoltà Nomina Sub-Responsabili</th>
<th scope="col" style="border-width:0px;">Unione</th>


</tr>
<tr>
<td style="width:20px;">
<a href="JavaScript:divexpandcollapseR('divR47');">
<img alt="Details" id="imgdivR47" src="images/asc.gif" />
</a>
<div id="divR47" style="display: none;">
<h4>Responsabili incaricati dal Responsabile</h4>
</div>
</td>
<td style="border-width:0px;">47</td>
<td style="border-width:0px;">
PAOLOTTO PAOLINO
</td>
<td style="border-width:0px;">
Titolare
</td>
<td style="border-width:0px;">
Ricorso ad altro responsabile non ammesso
</td>
<td style="border-width:0px;">
<label class="custom-control custom-checkbox">
<input name="ctl00$ContentPlaceHolderBody$GridViewTitolare$ctl02$GridViewResponsabile$ctl02$CheckBox1" type="checkbox" id="ctl00_ContentPlaceHolderBody_GridViewTitolare_ctl02_GridViewResponsabile_ctl02_CheckBox1" class="custom-control-input hidden" disabled="disabled" />
<span class="custom-control-indicator"></span>
</label>
</td>


</tr>
<tr style="border-color:LightGrey;border-width:1px;border-style:solid;">
<td style="width:20px;">
<a href="JavaScript:divexpandcollapseR('divR68');">
<img alt="Details" id="imgdivR68" src="images/asc.gif" />
</a>
<div id="divR68" style="display: none;">
<h4>Responsabili incaricati dal Responsabile</h4>
</div>
</td>
<td style="border-width:0px;">68</td>
<td style="border-width:0px;">
Giovanni Borgia
</td>
<td style="border-width:0px;">
Titolare
</td>
<td style="border-width:0px;">
Autorizzazione generale
</td>
<td style="border-width:0px;">
<label class="custom-control custom-checkbox">
<input name="ctl00$ContentPlaceHolderBody$GridViewTitolare$ctl02$GridViewResponsabile$ctl03$CheckBox1" type="checkbox" id="ctl00_ContentPlaceHolderBody_GridViewTitolare_ctl02_GridViewResponsabile_ctl03_CheckBox1" class="custom-control-input hidden" disabled="disabled" />
<span class="custom-control-indicator"></span>
</label>
</td>


</tr>
</table>
</div>
<!-- FINE RESPONSABILE-->
<div>
<h3>DPO incaricati dal titolare</h3>
</div>
<!-- DPO -->
<div>
<table class="table table-hover mails m-0 table table-actions-bar" cellspacing="0" rules="all" id="ctl00_ContentPlaceHolderBody_GridViewTitolare_ctl02_GridViewDPO" style="border-width:0px;border-collapse:collapse;">
<tr style="border-color:DarkGray;border-width:1px;border-style:solid;">
<th scope="col" style="border-width:0px;">Anagrafica DPO</th>
<th scope="col" style="border-width:0px;">Documento di Nomina</th>
<th scope="col" style="border-width:0px;">Data Nomina</th>
</tr>
<tr>
<td style="border-width:0px;">
Rita Allevi
</td>
<td style="border-width:0px;">
1
</td>
<td style="border-width:0px;">
04/12/2018 00:00:00
</td>
</tr>
</table>
</div>
<!-- FINE DPO -->
<div>
<h3>Soggetti Autorizzati incaricati dal titolare</h3>
</div>
<!-- SOGGETTI AUTORIZZATI -->
<div>
<table class="table table-hover mails m-0 table table-actions-bar" cellspacing="0" rules="all" id="ctl00_ContentPlaceHolderBody_GridViewTitolare_ctl02_GridViewSA" style="border-width:0px;border-collapse:collapse;">
<tr style="border-color:DarkGray;border-width:1px;border-style:solid;">
<th scope="col" style="border-width:0px;">Anagrafica DPO</th>
<th scope="col" style="border-width:0px;">Nominato Da</th>
<th scope="col" style="border-width:0px;">Tipo Incarico</th>
</tr>
<tr>
<td style="border-width:0px;">
Giovanni Borgia
</td>
<td style="border-width:0px;">
Titolare
</td>
<td style="border-width:0px;">
Amministratore di Sistema
</td>
</tr>
</table>
</div>
<!-- FINE SOGGETTI AUTORIZZATI -->
</div>
</td>
<td style="border-width:0px;">63</td>
<td style="border-width:0px;">
PAOLOTTO PAOLINO
</td>
<td style="border-width:0px;">
<label class="custom-control custom-checkbox">
<input name="ctl00$ContentPlaceHolderBody$GridViewTitolare$ctl02$CheckBox1" type="checkbox" id="ctl00_ContentPlaceHolderBody_GridViewTitolare_ctl02_CheckBox1" class="custom-control-input hidden" disabled="disabled" />
<span class="custom-control-indicator"></span>
</label>
</td>
</tr>
</table>

<script>
function divexpandcollapse(divname) {
var img = "img" + divname;
if ($("#" + img).attr("src") == "images/asc.gif") {
$("#" + img).closest("tr").after("<tr><td></td><td colspan ='100%' > " + $("#" + divname).html() + "</td></tr>")
$("#" + img).attr("src", "images/desc.gif");
} else {
$("#" + img).closest("tr").next().remove();
$("#" + img).attr("src", "images/asc.gif");
}
}


function divexpandcollapseR(divname) {
var img = "img" + divname;
if ($("#" + img).attr("src") == "images/asc.gif") {
$("#" + img).closest("tr").after("<tr><td></td><td colspan ='100%' > " + $("#" + divname).html() + "</td></tr>")
$("#" + img).attr("src", "images/desc.gif");
} else {
$("#" + img).closest("tr").next().remove();
$("#" + img).attr("src", "images/asc.gif");
}
}
</script>