tengo un menu al hacer hover sobre el menu aparece un contenedor con cada enlace del submenu el problema es que quiero ocultar ese submenu y solo aparezca cuando paso el mouse. Lo estoy haciendo pero solo melo hace una vez y ya para que aparezca de nuevo me toca refrescar la pagina lo quiero hacer con un hover y con un mouseleave de jquery pero no da lo desaparece una vez y ya no vuelve aprecer... mi codigo es
jQuery(document).ready(function($){
$("li.menu-item").hover(function(){ //$("li.menu-item").hover(function(){
$( this ).find(" > .sub-menu"); //$( this ).find(" > .sub-menu").show();
let element = $(this)[0].lastElementChild;
document.getElementById("demo").innerHTML = element.innerHTML;
}), $("#demo").mouseleave(function() {
$("#demo").hide();
});
});