JSFiddle - React, Tailwind, and code Playground

HTML

<section>
  <input type="radio" id="tab1" name="radiobutton" checked="checked"/>
  <label for="tab1" class="tabs">qutIM 0.1</label>
  
  <input type="radio" id="tab2" name="radiobutton">
  <label for="tab2" class="tabs">qutIM 0.2</label>
  
  <input type="radio" id="tab3" name="radiobutton">
  <label for="tab3" class="tabs">qutIM 0.3</label>
  
  
  <article>
    qutIM 0.1 — Однопротокольный клиент, вышедший в 2008 году.
  </article>
  
  <article>
    qutIM 0.2 — Многопротокольный клиент, вышедший в 2010 году.
  </article>
  
  <article>
    qutIM 0.3 — Многопротокольный клиент, вышедший в 2010 году.
  </article>
</section>

CSS

input { 
	display: none;
}
			
input:checked + label {
	background: #CCC;
}

input:checked + label ~ input + label ~ input + label + article {
	display: block;
}

/* Это правило справедливо и для первой вкладки*/
input:checked + label ~ input + label + article + article {
	display: block;
}
			
input:checked + label + article + article + article {
	display: block;
}

			
article {
	display: none;
}