Buongiorno, l'oggetto si riferisce al fatto che sicuramente il problema è semplice risoluzione,
ma sto incappando in un errore e non riesco ad uscirne fuori.

Ho un menu laterale cosi fatto

<ul class="principale">
<ul class="uno">
<p>
<a href="#">primo</a>
</p>
<ul class="sottomenu">
<li>
<a href="#">primosottomenu1</a>
</li>
<li>
<a href="#">primosottomenu2</a>
</li>

</ul>
</ul>


<ul class="due">
<p>
<a href="#">secondo</a>
</p>
<ul class="sottomenu">
<li>
<a href="#">secondosottomenu1</a>
</li>
<li>
<a href="#">secondosottomenu2</a>
</li>
<li>
<a href="#">secondosottomenu3</a>
</li>
</ul>
</ul>
</ul>


nel .css
ul.sottomenu{
display:none;
}

Quello che mi occorre è che al passaggio del mouse su
<p><a>primo</a></p> o
<p><a>secondo</a></p>
mi appaiano i sottomenu. andrebbe bene anche con css , ma pensavo di farlo con
jquery (javascript) per dare degli effetti grafici in più.

avevo scritto
$(".principale ul li a").hover(function(){

$(this) + " > ul").fadeIn("slow");

});

ma non funziona.

che mi dite?