Ciao sono alle prime armi con jquery e vorrei creare un menù come presente in questo sito http://www.designchemical.com/lab/jq...ugin/examples/ che è per un plugin di wordpress.
Io vorrei realizzare il menù 4 (il secondo nero per intenderci) con effetto hover.
Quel codice non riesco ad utilizzarlo e mi sembra anche un po' troppo "corposo".
Io ho la mia lista annidiata e poi ho il seguente codice:
codice:
<script type="text/javascript">
$(document).ready(function () {
$('#top-menu2 li').hover(
function () {
//mostra sottomenu
$('ul', this).stop(true,true).delay(50).slideDown(200); $('a', this).addClass("hover");
},
function () {
//nascondi sottomenu
$('ul', this).stop(true, true).slideUp(300);
$('a', this).removeClass("hover"); }
);
});
</script>
se scrivo così mi appaio i figli della pagina, ma non mi "sposta" il link sotto e quindi si sovrappone tutto
Come faccio a risolvere?