DNIEP-3762

by archanamahesan

HTML

<div class="aa">
<a class="bb">test</a>
</div>
<div class="cc">
<p>
testing1
</p>
<p>
testing2
</p>
</div>

CSS

.cc{
    opacity: 0;
    top: 30px;
    display: none;
    }
.aa:hover .cc{
    display: block;
}

JavaScript

$('body').on("mouseenter",".aa",function(){
        if( $('.aa').length  && $(window).width() > 1024) {
            $(this).find('.cc').animate({top: '+=10', opacity: 1}, 50);
        } else{
            return false;
        }
    });
    $('body').on("mouseleave",".aa",function(){
        if( $('.aa').length  && $(window).width() > 1024) {
            $(this).find('.cc').animate({top: '-=10', opacity: 0}, 300);
        }
    });