Caio a tutti, ho personalizzato un menu basato su jQuery che però non prevede delle sottovoci che io invece vorrei inserire, qualcuno mi saprebbe dire come posso fare ?
Il codice html è :
<div id="navigation-block">
<ul id="sliding-navigation" class="menu">
<li class="sliding-element"><h3>Menu</h3>
<li class="sliding-element">home
<li class="sliding-element">contatti
[/list]
</div>
mentre quello javascript è :
$(document).ready(function()
{
slide("#sliding-navigation", 25, 15, 85, .8);
});

function slide(navigation_id, pad_out, pad_in, time, multiplier)
{
// creates the target paths
var list_elements = navigation_id + " li.sliding-element";
var link_elements = list_elements + " a";

// initiates the timer used for the sliding animation
var timer = 0;

// creates the slide animation for all list elements
$(list_elements).each(function(i)
{
// margin left = - ([width of element] + [total vertical padding of element])
$(this).css("margin-left","-180px");
// updates timer
timer = (timer*multiplier + time);
$(this).animate({ marginLeft: "0" }, timer);
$(this).animate({ marginLeft: "15px" }, timer);
$(this).animate({ marginLeft: "0" }, timer);
});

// creates the hover-slide effect for all link elements
$(link_elements).each(function(i)
{
$(this).hover(
function()
{
$(this).animate({ paddingLeft: pad_out }, 85);
},
function()
{
$(this).animate({ paddingLeft: pad_in }, 85);
});
});
}

Ringrazio anticipatamente chiunque decida di aiutarmi.