How to fix strange slideDown() behavior or it not opening in jQuery 1.X

When you want to create, for site navigation, etc., **hover-expandable dropdown menus** or **mega dropdown menus**

You'll probably write this kind of jQuery.

$(".menu").hover(
	function(){
		$(".cont").stop().slideDown();
	},
	function() {
		$(".cont").stop().slideUp();
});

Here's what I actually created. **Please hover over it**.

This site's jQuery version is 3.4.0, so there's no problem, but

slideDown() and slideUp() **have bugs in jQuery version 1.X**.

This is a reproduction in jQuery 1.4. Try hovering and unhovering.

If the iframe is not displayed correctly, click here

If you repeat it, does it stop opening?

The same applies not only to the hover() event but also when using mouseenter() and mouseleave().

While it would be ideal to just use the latest jQuery, I'll introduce a workaround for cases where that's not possible.

PR

$(".menu").hover(
	function(){
		$(".cont").css("height", "").stop().slideDown();
	},
	function() {
		$(".cont").css("height", "").stop().slideUp();
});

PR