JSFiddle - React, Tailwind, and code Playground

by Amitabha Ghosh

HTML

<div id="div_main">
     <a href="javascript:;"><img src="http://amitabha.in/resource/images/stud2.png" width="261" height="33" id="div_1"  /> </a>
                     
                     <div id="div_2">
   
   </div>
   
</div>
</div>

CSS

#div_main
{width:530px;
height:33px;
    display:inline;}


#div_2
{
width:80px;
height:100px;
background:#b93f32;
display:none;}

JavaScript

$(function() {
  
  $('#div_1, #div_2').hover(function() {
      $('#div_2').stop(true, true).fadeIn(1000);
        
  }, function(){
      $('#div_2').fadeOut(500);
  });
});