JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#" data-id="1" class="link">div 1</a>
<a href="#" data-id="2" class="link">div 2</a>
<a href="#" data-id="3" class="link">div 3</a>
 
 
<div class="box div-1" style="display: none;">
Dit is div 1
</div>
<div class="box div-2" style="display: none;">
Dit is div 2
</div>
<div class="box div-3" style="display: none;">
Dit is div 3
</div>
 
<script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>
<script>
$( ".link" ).click(function() {
  //er is op een link geklikt
  $( ".box" ).hide();
  var div_id = $( this ).data( "id" );
  $( ".div-" + div_id ).toggle();
});
</script>