JSFiddle - React, Tailwind, and code Playground

by Gwyn Milcote

HTML

<label for="show1"><span>show1</span></label>
<input type=radio class="show1" name="group">

<label for="show2"><span>show2</span></label>    
<input type=radio class="show2" name="group">

<label for="show3"><span>show2</span></label>
<input type=radio class="show3" name="group">

<span class='con con1'>Content1</span>
<span class='con con2'>Content2</span>
<span class='con con3'>Content3</span>

CSS

input {
    display:none;
}

.com {
    display:none;
}
.show1:checked ~ .con1 {
  display:block;transition:
}

.show2:checked ~ .con1 {
    display:none;
}