JSFiddle - React, Tailwind, and code Playground

HTML

<div class="div1"></div>
<div class="div2"></div>

CSS

.div1 ,.div2
{
    width :50px;
    height:50px;
    background :red;
    clear :both;
    margin :10px;
}
.div2
{
display:none;
}

JavaScript

$('.div1').die('mouseover hover').live('mouseover hover',function(){
                                     $('.div2').slideDown();
                                     });
$('.div2').die('mouseover hover').live('mouseover hover',function(){
                                     $('.div2').slideUp();
                                     });