JSFiddle - React, Tailwind, and code Playground
by tightman
HTML
<script type="text/javascript" language="javascript">
function showHiddenDivsOnForm(ID){
if(getShowPerson1 = true) {
document.getElementById(ID).style.display = "inline-block";
} else {
document.getElementById(ID).style.display = "none";
}
if(getShowPerson2 = true) {
document.getElementById(ID).style.display = "inline-block";
} else {
document.getElementById(ID).style.display = "none";
}
}
</script>
<style type="text/css">
.inputfiled-Tickets1-wrapper {
display: none;
}
</style>
<p>
<div class="checkbox-container-main">
<div class="checkbox-container">
<input type="radio" name="checkbox-943[]" value="Einzelkarte" class="css-checkbox" id="check1"/><label class="css-label" for="check1" onclick="showHiddenDivsOnForm('showPerson1', this.checked)">Einzelkarte</label>
</div>
<div class="checkbox-container">
<input type="radio" name="checkbox-943[]" value="4er Tisch" class="css-checkbox" id="check3"/><label class="css-label" for="check3">4er Tisch</label>
</div>
<br>
<div class="checkbox-container">
<input type="radio" name="checkbox-943[]" value="Paarkarte" class="css-checkbox" id="check2"/><label class="css-label" for="check2" onclick="showHiddenDivsOnForm('showPerson2', this.checked)">Paarkarte</label>
</div>
<div class="checkbox-container">
<input type="radio" name="checkbox-943[]" value="8er Tisch" class="css-checkbox" id="check4"/><label class="css-label" for="check4">8er Tisch</label>
</div>
<div class="checkbox-container">
<input type="radio" name="checkbox-943[]" value="Ich möchte nur Lose bestellen" class="css-checkbox" id="check5"/><label class="css-label" for="check5">Ich...