JSFiddle - React, Tailwind, and code Playground

by agib

HTML

<div class="wrapper">
    <div class="btn"></div>
    <div class="trgt"></div>
</div>

<div class="wrapper">
    <div class="btn"></div>
    <div class="trgt"></div>
</div>

CSS

body { padding: 20px; }
div:not(.wrapper) { width: 300px; height: 150px; border: 1px solid #444; cursor:pointer; }
.wrapper { float:left; }
.trgt { background-color: #444; display:none; }
.wrapper:first-of-type > .btn { border-right:none; }
.btn:hover + .trgt { display:block; }

JavaScript

/*$(document).ready(function() {
   $("#btn").click(function(){
    $("#trgt").toggle();
    });
 });*/