JSFiddle - React, Tailwind, and code Playground

by jasper

HTML

<div id="div_SA"></div>
<div id="div_AF"></div>
<div id="div_EU"></div>
<div id="div_NA"></div>

<a href="#">Hide All but One</a>

CSS

div {
    width  : 100px;
    height : 100px;
    border : 1px solid #000;
}

JavaScript

$('a').on('click', function () {
    $('div[id^="div_"]').hide().filter('#div_AF').show();
});