JSFiddle - React, Tailwind, and code Playground
HTML
<table>
<tr class = "gebuehr g_set_2 g_set_3 g_set_4 g_set_5 g_set_6 g_set_7 g_set_8 g_set_9 g_set_10 g_set_11 g_set_12">
<td><input type="checkbox" id="set_1">All</td>
</tr>
<tr class = "gebuehr g_set_1 g_set_3 g_set_4 g_set_5 g_set_6 g_set_7 g_set_9 g_set_10 g_set_11 g_set_12">
<td><input type="checkbox" id="set_2">(3 days)</td>
</tr>
<tr class = "gebuehr g_set_1 g_set_2 g_set_4 g_set_5 g_set_6 g_set_9 g_set_10 g_set_12">
<td> <input type="checkbox" id="set_3"> (2 day first)</td>
</tr>
<tr class = "gebuehr g_set_1 g_set_2 g_set_3 g_set_6 g_set_7 g_set_10 g_set_11 g_set_12">
<td> <input type="checkbox" id="set_4"> (2 day second)</td>
</tr>
<tr class = "gebuehr g_set_1 g_set_2 g_set_3 g_set_9">
<td> <input type="checkbox" id="set_5"> (1 days first)</td>
</tr>
<tr class = "gebuehr g_set_1 g_set_2 g_set_3 g_set_4 g_set_10 g_set_12">
<td> <input type="checkbox" id="set_6"> (1 day second)</td>
</tr>
<tr class = "gebuehr g_set_1 g_set_2 g_set_4 g_set_11">
<td> <input type="checkbox" id="set_7"> (1 day third)</td>
</tr>
<tr class = "gebuehr g_set_1">
<td> <input type="checkbox" id="set_8"> schulung</td>
</tr>
<tr class = "gebuehr g_set_1 g_set_2 g_set_3 g_set_5">
<td> <input type="checkbox" id="set_9">Austellung first</td>
</tr>
<tr class = "gebuehr g_set_1 g_set_2 g_set_3 g_set_4 g_set_6">
<td> <input type="checkbox" id="set_10">Austellung second </td>
</tr>
<tr class = "gebuehr g_set_1 g_set_2 g_set_4 g_set_7">
<td> <input type="checkbox" id="set_11">Austellung third </td>
</tr>
<tr class = "gebuehr g_set_1 g_set_2">
<td> <input type="checkbox" id="set_12">AbendVA</td>
</tr>
<tr class = "gebuehr g_set_1 g_set_2">
<td> <input type="checkbox" id="set_13"> AusstellStand</td>
</tr>
</table>
JavaScript
$('.gebuehr').show();
$(':checkbox').change(function(e) {
if($(this).is(':checked')){
$('.g_'+e.target.id)
.fadeOut('slow')
.find("input:checked")
.removeAttr("checked");
}else{
$('.g_'+e.target.id).fadeIn('slow');
}
});