JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

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

/* Второй лейбел не является соседним, дочерним или родственнным элементым для инпута */
label > input:checked ~ label > input ~ article { 
	display: block;
}
			
label input:checked ~ article ~ article {
	display: block;
}

			
article {
	display: none;
}