JSFiddle - React, Tailwind, and code Playground

by Ali Khaled

HTML

<img src="http://placehold.it/123x100/123/1" class='landClass' />

<img src="http://placehold.it/100/fe2/2" class='landClass' />

<img src="http://placehold.it/100x50/aaa/3" class='absClass' />

<img src="http://placehold.it/200x150/42E/4" class='landClass' />
<br/> <br/>
Filter: <br/>
<select>
    <option>empty</option>
<option value="absClass" /> Abstract<br />
    <option value="landClass" /> Landscape<br />
</select>

CSS

.landClass, .absClass {
    display: none;
}

JavaScript

$("select").change(function(){
    $("img").hide();
    $("." + $(this).val()).show();
    });