JSFiddle - React, Tailwind, and code Playground

by sarathsprakash

HTML

<div id="thumbnails">
<img src="https://lh4.googleusercontent.com/-v0soe-ievYE/AAAAAAAAAAI/AAAAAAABSw4/mVgTJbt4qek/s46-c-k-no/photo.jpg">...
</div>
<img id="largeImage" src="">

JavaScript

$(function() {
      $('#thumbnails img').click(function() {
            $('#thumbnails').hide();
            var src = 'https://lh4.googleusercontent.com/-v0soe-ievYE/AAAAAAAAAAI/AAAAAAABSw4/fNj-YFu4lgw/s120-c/photo.jpg'
            $('#largeImage').attr('src', src).show();
      });
      $('#largeImage').hide().click(function() {
            $(this).hide();
            $('#thumbnails').show();
      });
});