JSFiddle - React, Tailwind, and code Playground

HTML

<div id="StuffandThings">
<div id="lboard-black" style="display:none;" class="lactive"><img src="" />Hello</div>
<div id="lboard-brown" style="display:none;"><img src="" />Hello 2</div>
<div id="lboard-grey" style="display:none;"><img src="" />Hello 3</div>
</div>
<ul>
<li><div class="lblack">view black</div></li>
<li><div class="lbrown">view brown</div></li>
<li><div class="lgrey">view grey</div></li>
</ul>

JavaScript

$(document).ready(function(){

$(".lblack").click(function(){$("#StuffandThings div").hide();
$("#lboard-black").show();
});
$(".lbrown").click(function(){$("#StuffandThings div").hide();
$("#lboard-brown").show();
});
$(".lgrey").click(function(){$("#StuffandThings div").hide();
$("#lboard-grey").show();
});
})