Con mouseover visualizar elemento no visible

[mblascog]

Buenas,
En un menú, pretendo que al ponerse encima de una opción, se visualize otra opción, inicialmente no visible. Todo ello a partir de jquery.

La lista es esta:

Código HTML:

<ul id="nav">
        <li><a href="#">opción</a></li>
        <li id="opcionP">opcionP</li>
        <li class="subMenu" id="subMenu"><a href="#">subMenu</a></li>
    </ul>
 

Y el código jquery este:

Código Javascript:

$(".subMenu").hide()
    
    $("#opcionP").on('click', function() {
        $(".subMenu").show();
    });
 

Si en el click de opcionP añado un alert lo hace, por lo que estoy segura que el evento es detectado, pero no muestra el submenú.
Alguna idea? Gracias