JSFiddle - React, Tailwind, and code Playground

by vikastyagi87

HTML

<div id="clickme" style="background-color: #333333; color: #FFFFFF; padding: 10px; width: 200px; cursor:pointer;">
  Click here to toggle me in and out =)

<img class="circle-img" src="http://www.randomsnippets.com/wp-content/uploads/2011/04/2.png" alt="It&#039;s me....ah!!!" title="Allen Liu" width="100" height="77" class="alignnone size-full wp-image-552" style="border: none;" />
    <div class="on-click" style="display:none">testing going on bu perfect developer testing going on bu perfect develope</div>    
</div>

JavaScript

$(document).ready(function() {
     $('#clickme').click(function() {
          $('.circle-img').animate({
               height: 'toggle'
               }
          );
          $('#on-click').animate({
               height: 'toggle'
               }, 2000
          );
     });
});