JSFiddle - React, Tailwind, and code Playground

by Alfie

HTML

<button id="one">one</button><button id="two">two</button><div id="someid">
<img src="/mysite/images/one/img-1.jpg" />
<img src="/mysite/images/one/img-2.jpg" />
<img src="/mysite/images/one/img-3.jpg" />
<img src="/mysite/images/one/img-4.jpg" />

<img src="/mysite/images/two/img-1.jpg" />
<img src="/mysite/images/two/img-2.jpg" />
<img src="/mysite/images/two/img-3.jpg" />
<img src="/mysite/images/two/img-4.jpg" />
</div>

JavaScript

$('#two').on('click', function () {
    $('img[src*="/one/"]').hide();
});
$('#one').on('click', function () {
    $('img[src*="/two/"]').hide();
});