toggle buttons wtf

dabblet.css

/**
 * toggle buttons wtf
 */
td {
    border-bottom: 1px solid #ddd;
    padding: .5rem .75rem;
}

tr {border: pink;}
.toggle_tv:not(:checked) ~ table .service-DTV {display:none;}
.toggle_tv:not(:checked) ~ table .service-ATV {display:none;}
.toggle_lr:not(:checked) ~ table .service-LFM {display:none;}
.toggle_lr:not(:checked) ~ table .service-LMW {display:none;}
.toggle_lr:not(:checked) ~ table .service-LDR {display:none;}
.toggle_nr:not(:checked) ~ table .service-FM {display:none;}
.toggle_nr:not(:checked) ~ table .service-MW {display:none;}
.toggle_nr:not(:checked) ~ table .service-LW {display:none;}
.toggle_dab:not(:checked) ~ table .service-DAB {display:none;}

.toggle_sd:not(:checked) ~ table .eff-SD {display:none;}
.toggle_sa:not(:checked) ~ table .eff-Q1 {display:none;}
.toggle_nsa:not(:checked) ~ table .eff-TO {display:none;}

.toggle_en:not(:checked) ~ table .region-BM {display:none;}
.toggle_en:not(:checked) ~ table .region-BS {display:none;}
.toggle_en:not(:checked) ~ table .region-ELS {display:none;}
.toggle_en:not(:checked) ~ table .region-LS {display:none;}
.toggle_en:not(:checked) ~ table .region-MR {display:none;}
.toggle_en:not(:checked) ~ table .region-NC {display:none;}
.toggle_en:not(:checked) ~ table .region-NO {display:none;}
.toggle_en:not(:checked) ~ table .region-NT {display:none;}
.toggle_en:not(:checked) ~ table .region-PY {display:none;}
.toggle_en:not(:checked) ~ table .region-SO {display:none;}
.toggle_sc:not(:checked) ~ table .region-GW {display:none;}
.toggle_cy:not(:checked) ~ table .region-CF {display:none;}
.toggle_ni:not(:checked) ~ table .region-BE {display:none;}td {
    border-bottom: 1px solid #ddd;
    padding: .5rem .75rem;
}

dabblet.html

<main class="faults">
EN<input class="toggle_en" type="checkbox" checked=""> 
SC<input class="toggle_sc" type="checkbox" checked="">
CY<input class="toggle_cy" type="checkbox" checked="">
NI<input class="toggle_ni" type="checkbox" checked="">
<br>
shutdown<input class="toggle_sd" type="checkbox" checked="">
service affecting<input class="toggle_sa" type="checkbox" checked="">
non service affecting<input class="toggle_nsa" type="checkbox" checked="">
<br>
TV<input class="toggle_tv" type="checkbox" checked=""> 
National Radio<input class="toggle_nr" type="checkbox" checked=""> 
Local Radio<input class="toggle_lr" type="checkbox" checked=""> 
DAB<input class="toggle_dab" type="checkbox" checked=""> 


<table class="sortable">
<thead></thead>

    <tbody><tr class="  region-LS service-LFM eff-Q1">
    <td>English Local Radio service affected</td></tr>

    <tr class="  region-CF service-DTV eff-SD">
    <td>Welsh TV shut down</td></tr>

</tbody><tfoot></tfoot></table>
</main>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}