JSFiddle - React, Tailwind, and code Playground

by Andrew Dunai

HTML

<div class="body">
<input class="cb" type="checkbox" />
    <img />
    <img />
    <img />
    <img />
    <img />
</div>

CSS

img {
    border: 1px solid red;
    width: 10px;
    height: 10px;
    display: block;
}

img {
    display: none;
}

input[type=checkbox]:checked + img,
input[type=checkbox]:checked + img + img,
input[type=checkbox]:checked + img + img + img
{
    display: block;
}