JSFiddle - React, Tailwind, and code Playground

by Paulpro

HTML

<div onmousedown="toogleDiv('badges')"> //clicking here should hide div id=badges
Icons v
</div>

<div id="badges">
</div>

<div onmousedown="toogleDiv('items')"> //clicking here should hide div id=items
Items v
</div>
<div id="items">
</div>

<script type="text/javascript">
// Hide/show div;
function toogleDiv(id){
    console.log(id);
    var el = document.getElementById(id);
    el.style.display = el.style.display === 'none' ? 'block' : 'none';
}
</script>