que metodo se usa en jquery para cuando sacas el mause de una etiqueta html

[roboty]

probe con el metodo mouseout pero no hace la funcion que quiero, tendria que mostrarme al poner el raton en una imagen una lista desplegable que primero oculta y al quitar el raton volver a desplegar la lista, el html simplemente es algo como esto:

Código HTML:

<ul>
<img src='miimagen.jpg'>
<li><a href='#'>opcion 1</a></li>
<li><a href='#'>opcion 2</a></li>
<li><a href='#'>opcion 3</a></li>
</ul>
 

Código Javascript:

<script type='text/javascript'>
    $(document).ready(function(){
        $("li").hide();
        
        $("ul").hover(function(){
            $("li").slideDown();
        });
        
        $('ul').mouseout(function(){
            $('li').slideUp();
        })
        
});
</script>
 

lo que intento es que pueda selecionar un enlace sin que se oculte el menu, que solo se oculte si saca el raton de el menu o de la imagen, alguna idea de como hacerlo, saludos.