JSFiddle - React, Tailwind, and code Playground

by kenyboy9

HTML

<div class="buttons">
  <a class="show" target="1">Option 1</a>
  <a class="show" target="2">Option 2</a>
  <a class="show" target="3">Option 3</a>
  <a class="show" target="4">Option 4</a>
</div>

<div id="div1" class="targetDiv">Lorum Ipsum 1</div>
<div id="div2" class="targetDiv">Lorum Ipsum 2</div>
<div id="div3" class="targetDiv">Lorum Ipsum 3</div>
<div id="div4" class="targetDiv">Lorum Ipsum 4</div>

JavaScript

$('.targetDiv:not(#div1)').hide();
$('.show').click(function() {
  $('.targetDiv').hide();
  $('#div' + $(this).attr('target')).show();
});