JSFiddle - React, Tailwind, and code Playground

by Ngoc Hieu

HTML

<div id="wrap">
    <input type="checkbox" id="search" />
    <div class="search">search</div>
    <input type="checkbox" id="socials" />
    <div class="socials">socials</div>
    <input type="checkbox" id="web" />
    <div class="web">web</div>
</div>

CSS

#wrap div {
    display:inline-block;
    width:25%;
    background:red;
    overflow:hidden;
}
#search:checked ~ .search, #socials:checked ~ .socials, #web:checked ~ .web {
    display:none;
}