JSFiddle - React, Tailwind, and code Playground

HTML

<div id="dropdown_shopping_cart"></div>

CSS

#dropdown_shopping_cart{
    position: absolute;
    width:100%;
    height:50px;
    top:0;
    left:0;
    background-color:green;
    display:none;
}

JavaScript

$('#dropdown_shopping_cart').slideDown(800);

setTimeout(function () { 
    if(!$('#dropdown_shopping_cart').is(':hover')){
    	$('#dropdown_shopping_cart').slideUp(800);
    }
    else{
        $('#dropdown_shopping_cart').mouseleave(function(){
            $('#dropdown_shopping_cart').slideUp(800);
        });
    }
}, 3000);