Effettivamente mi sono reso conto che l'html non è corretto e l'ho modificatoi quanto segue
<ul class="principale">
<li>
<a href="#">1</a>
<ul class="navigation">
<li>
<a href="#">1-1</a>
</li>
<li>
<a href="#">1-2</a>
</li>
<li>
<a href="#">1-3</a>
</li>
<li>
<a href="#">1-4</a>
</li>
</ul>
</li>
<li>
<a href="#">2</a>
<ul class="navigation">
<li>
<a href="#">2-1</a>
</li>
<li>
<a href="#">2-2</a>
</li>
<li>
<a href="#">2-3</a>
</li>
<li>
<a href="#">2-4</a>
</li>
</ul>
</li>
</ul>
il jquery così modificato
$("ul.principale > li").hover(function(){
$(this).css("background-color","black");
$($(this) + " ul").css("display","block");
Mi si colora di nero , ma non mi fa vedere l'elenco...
help!