JSFiddle - React, Tailwind, and code Playground
HTML
<div class='wrap'>
<a href="#" class="link1">Link 1</a>
<a href="#" class="link2">Link 2</a>
<a href="#" class="link3">Link 3</a>
<a href="#" class="link4">Link 4</a>
<a href="#" class="link1">Link 1</a>
<a href="#" class="link2">Link 2</a>
<a href="#" class="link3">Link 3</a>
<a href="#" class="link4">Link 4</a>
</div>
JavaScript
$('.wrap a').click(function() {
var $target = $(this);
$target.siblings().not('.' + $target.attr('class')).hide();
})