JSFiddle - React, Tailwind, and code Playground

by sushanth009

HTML

<a href="#" class="show_hide">Japan</a>
   <a href="#" class="show_hide">Close</a>
   <span class="slidingDiv">
       <img src="02-1 ImageFiles/01 Japan.JPG" style="width:235px; height:245px;" />    
   </span>

CSS

span
{
    display: block;
}

JavaScript

$(document).ready(function() {
    $(".slidingDiv").hide();
    
    $('.show_hide').click(function() {
        $(".slidingDiv").slideToggle();
        return false;
    });
});