JSFiddle - React, Tailwind, and code Playground

HTML

<div id="call">
  <input type="radio" name="show" id="show1" />
  <input type="radio" name="show" id="show2" />
  <form>
    <input class="secret1" type="text" value="secret1"/>
    <input class="secret2" type="text" value="secret2"/>
    <input class="nosecret" type="text" value="no secret"/>
  </form>
</div>
<label for="show1">Link 1</label>
<label for="show2">Link 2</label>

CSS

#show1, #show2, .secret1, .secret2, form {
  display: none;
}

#show1:checked ~ form, #show2:checked ~ form {
  display: block;
}

#show1:checked ~ form .secret1 {
  display: block;
}

#show2:checked ~ form .secret2 {
  display: block;
}

label {
  color: blue;
  text-decoration: underline;
  cursor: pointer;
}