JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="test"><!--
 --><li><img /></li><!--
 --><li><img /></li><!--
 --><li><img /></li><!--
--></ul>
<button id="button">Click here</button>

CSS

ul {
    padding: 0;
    margin: 0;
    line-height: 0px;
}
.test li {
    display: inline-block;
    padding: 0;
    margin: 0;
}

.test li img {
    display: inline-block;
    height: 100px;
    width: 100px;
    background: black;
}

JavaScript

$('.test img').hide();
$('#button').click(function() {
    $('.test img').slideToggle();
});