JSFiddle - React, Tailwind, and code Playground

HTML

<div id="trigger">Click me</div>
<div id="test" style="display: none;"><img src="http://www.google.com/intl/en_com/images/srpr/logo3w.png"></img></test>

JavaScript

$(document).ready(function () {
    $("#trigger").toggle(function () {
        $("#test").show("slide", {direction: "up"}, 1000);
                         },
        function () {
            $("#test").hide("slide", {direction: "up"}, 1000);
        })
    
})