JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#" class="link" data-type="1">Link 1</a>
<a href="#" class="link" data-type="2">Link 2</a>
<a href="#" class="link" data-type="3">Link 3</a>
<a href="#" class="link" data-type="4">Link 4</a>
<a href="#">No link</a>
<a href="#" class="link" data-type="1">Link 1</a>
<a href="#" class="link" data-type="2">Link 2</a>
<a href="#" class="link" data-type="3">Link 3</a>
<a href="#" class="link" data-type="4">Link 4</a>

<p>Nostra. Penatibus sociis sociosqu voluptatum potenti reprehenderit iure ultrices quae! Lobortis fringilla asperiores optio sem tempor. Tortor accusamus magnam sit rerum eros perferendis penatibus commodi? Distinctio error neque irure, tenetur.
<a href="#" class="link" data-type="1">Link 1</a>
<a href="#" class="link" data-type="2">Link 2</a>
<a href="#" class="link" data-type="3">Link 3</a>
<a href="#" class="link" data-type="4">Link 4</a></p>

<p>Malesuada illo fuga reiciendis modi? Aliquid! Odio exercitation? Similique nobis reiciendis a dolores accusantium! Consectetuer porttitor porttitor habitant, cupidatat dolores, laudantium, nulla, pretium facilisi, rutrum dictumst tempora vitae suspendisse nisi.</p>

JavaScript

var $links = $('.link');

$links.click(function() {
  var $target = $(this);
  var type = $target.data('type');
  
  $links.not('[data-type="' + type + '"]').hide();
})