JSFiddle - React, Tailwind, and code Playground

HTML

<div> <span class="show">box</span><span class="show">box</span><span class="show">box</span><span class="show">box</span><span class="show">box</span><span class="show">box</span><span class="show">box</span><span class="show">box</span>

</div>
<input type="button" id="button" value="click" />

CSS

html, body {
    margin:0;
}
div {
    width:245px;
    padding:10px;
    background-color:#8A0000;
}
div .show {
    display:inline-block;
    background-color:#fff;
    width:50px;
    margin:15px 15px 0 0;
}
div .show:nth-of-type(-n+4) {
    margin-top:0;
}
div .show:nth-of-type(4n) {
    margin-right:0;
}

JavaScript

$("#button").click(function () {
    $("span:eq(0),span:eq(2)").toggle().toggleClass("show");
});