JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<label for="show_fox_pangram" class="btn btn-default">The quick brown fox</label>
<label for="show_iroha" class="btn btn-default">Iroha</label>

<input type="radio" id="show_fox_pangram" name="show-pangram" checked />
<div>
  The quick brown fox jumps over the lazy dog
</div>

<input type="radio" id="show_iroha" name="show-pangram" />
<div>
  <p>色は匂へど</p>
  <p>散りぬるを</p>
  <p>我が世誰ぞ</p>
  <p>常ならん</p>
  <p>有為の奥山</p>
  <p>今日越えて</p>
  <p>浅き夢見じ</p>
  <p>酔ひもせず</p>
</div>

CSS

input[name*="show-"],
input[name*="show-"]:not(:checked) + * {
  display: none;
}

p {margin: 0;}

body > * {margin: 1em;}