Mantener menu abierto si salgo de la capa que lo abrió

[suudobal]

Así no funciona. Pongo lo que tengo bastante resumido a ver si se puede aclarar:

Código HTML:

<span>Opción 1</span>
<ul>
<li>Subopcion 1-1</li>
<li>Subopcion 1-2</li>
<li>Subopcion 1-3</li>
</ul>
<span>Opción 2</span>
<ul>
<li>Subopcion 2-1</li>
<li>Subopcion 2-2</li>
<li>Subopcion 2-3</li>
</ul>
.....
 

Código Javascript:

$("span").on("hover", handleHover($("span")));
 
   function handleHover(e) {
 
        $(e).on({
            mouseenter: function() {
                $(this).next("ul").show();
            },
            mouseleave: function() {
                $(this).next("ul").hide();
            }
        });
 
    }
 

Si le añado al handleHover el ul, efectivamente entra pero sigue saliendo... Se me complica... Es decir, necesito indicar que aún sigo en el menú al tener el mouse sobre las subopciones para que no se cierre.