JSFiddle - React, Tailwind, and code Playground

HTML

<div style="display: flex;">
  <button>1</button>
  <button>2</button>
  <button>3</button>
  <button>4</button>
</div>

<p id="p1">1 </p>
<p id="p2">2 </p>
<p id="p3">3 </p>
<p id="p4">4 </p>

CSS

p.shown {
  display: block;
}

p {
  display: none;
}

JavaScript

$('button').click(function(){
	$('.shown').removeClass('shown');
	$('#p'+$(this).text()).addClass('shown');
});