Non dovrebbe essere troppo difficile:
1. Modifica leggermente il codice del menu nel modo seguente :
Codice HTML:
<div class="nav" >
<ul class="nav_list">
<li class="li_nav_header"(imginizio)><a href="javascript:toggle_menu('menu1')">Mostra/Nascondi menu</a></li>
<ul id="menu1" style="display:none">
<li class="li_nav_body"(img background men)><a href="#">Home</a></li>
<li class="li_nav_body"(img background men)><a href="#">Articoli</a></li>
<li class="li_nav_body"(img background men)><a href="#">Interviste</a></li>
</ul><li class="li_nav_footer"(img fine men)><a href="#"></a></li>
</ul>
</div>
2. Aggiungi questo script in testa alla pagina:
Codice:
var menu1_visible = false
function toggle_menu (menu_id)
{
var obj = document.getElementById (menu_id)
switch (menu_id)
{
case 'menu1':
obj.style.display = (menu1_visible ? 'none' : 'block')
menu1_visible = !menu1_visible;
break;
// altri case simili...
}
}
Stammi bene...