JSFiddle - React, Tailwind, and code Playground

HTML

<table border="1">
<tr>
					<td colspan='2' class='border1 column2 kopf2'><b>Logistik</b></td>
					<td colspan='1' class='border1 column2'></td>
					<td colspan='2' class='border1 column2'></td>
					<td colspan='2' class='border1 column2'></td>
					<td colspan='8' class='border1 column2'></td>
					<td colspan='1' class='border1 column2'><img class='logo2' style='height: 40px; padding-left: 10px;' src='pictures/bugeleisen.jpg'/></td>
				</tr>
                <tr id='fmd'>
					<td colspan='2' class='border1 column2 kopf2'><img class='logo2' style='height: 30px;' src='pictures/Damen.gif' alt='Damen'/>&nbsp;<b>Model</b></td>
					<td colspan='1' class='border1 column2'></td>
					<td colspan='2' class='border1 column2'></td>
					<td colspan='2' class='border1 column2'></td>
					<td colspan='8' class='border1 column2'></td>
					<td colspan='1' class='border1 column2'></td>
				</tr>
                <tr id='fmh'>
					<td colspan='2' class='border1 column2 kopf2'><img class='logo2' style='height: 30px;' src='pictures/Herren.gif' alt='Herren'/>&nbsp;<b>Model</b></td>
					<td colspan='1' class='border1 column2'></td>
					<td colspan='2' class='border1 column2'></td>
					<td colspan='2' class='border1 column2'></td>
					<td colspan='8' class='border1 column2'></td>
					<td colspan='1' class='border1 column2'></td>
				</tr>
                <tr id='fp'>
					<td colspan='2' class='border1 column2 kopf2'><b>Puppe</b></td>
					<td colspan='1' class='border1 column2'></td>
					<td colspan='2' class='border1 column2'></td>
					<td colspan='2' class='border1 column2'></td>
					<td colspan='8' class='border1 column2'></td>
					<td colspan='1' class='border1 column2'></td>
				</tr>
                <tr id='ft1'>
					<td colspan='2' class='border1 column2 kopf2'><b>Tisch</b></td>
					<td colspan='1' class='border1 column2'></td>
					<td colspan='2' class='border1 column2'></td>
					<td colspan='2' class='border1 column2'></td>
					<td colspan='8'...

JavaScript

function modify_all(actions) {
    for (var i=0; i<actions.length; i++) {
        document.getElementById(actions[i][0]).style.display = actions[i][1] ? "" : "none";
    }
}

var model_selection = "damen";

document.getElementById("btn_damen").addEventListener("click", function() {
    model_selection = "damen";
})

document.getElementById("btn_herren").addEventListener("click", function() {
    model_selection = "herren";
})

document.getElementById("btn_model").addEventListener("click", function() {
    if (model_selection == "damen") {
        modify_all([
            ["fmd", true],
            ["fmh", false]
        ])
    } else if (model_selection == "herren") {
        modify_all([
            ["fmd", false],
            ["fmh", true]
        ])
    }
})