Banale Menu laterale

[godmetal]

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?

[Prill]

Ho un menu laterale cosi fatto

<ul class="principale">
<ul class="uno">
<p>
<a href="#">primo</a>
</p>
<ul class="sottomenu">...

prima di ogni altra cosa, un elenco non può stare dentro un tag ul (ma dentro una voce elenco, li), e un paragrafo non può stare dentro un elenco, ma dovrà esser messo dentro una voce elenco. E' errato il tuo codice html

[godmetal]

prima di ogni altra cosa, un elenco non può stare dentro un tag ul (ma dentro una voce elenco, li), e un paragrafo non può stare dentro un elenco, ma dovrà esser messo dentro una voce elenco. E' errato il tuo codice html

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!

[godmetal]

Come detto prima ho modificato l'html (vedi precedente post)
e poi ho modificato il jQuery come segue:

$(this).find("ul").css("display","block");

funziona !!!

[giulio_74]

alla fine ai risolto da solo.in compenso lo script puo tornarci utile .