JSFiddle - React, Tailwind, and code Playground
HTML
<div id="dropdown_shopping_cart" class="testing">Lorem ipsum has hover</div>
<div class="testing">Lorem ipsum</div>
JavaScript
$(function () {
$('#dropdown_shopping_cart').hover(function () {
alert('has hover!');
});
$('.testing').hide().slideDown(800, function () {
var events = $._data($(this)[0], "events") || {};
if (events.mouseover === undefined) {
$(this).delay(1000).slideUp()
}
});
});