JSFiddle - React, Tailwind, and code Playground

by jfriend00

HTML

<button onclick="toggle()">Toggle</button>
<div id="pics" class="container">
<img src="http://photos.smugmug.com/photos/344291068_HdnTo-Th.jpg">
<img src="http://photos.smugmug.com/photos/344288161_jkvhV-Th.jpg">
</div>

CSS

.container {
    height: 60px;
    overflow: hidden;
}
.container img {
    vertical-align: top;
}

JavaScript

var clipped = true;
function toggle() {
    var align = clipped ? "visible": "hidden";
    document.getElementById("pics").style.overflow = align;
    clipped = !clipped;
}