Ti passo un codice che avevp preparato una volta per me, devi solo adattarlo al tuo menu
codice:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Documento senza titolo</title>
<style type="text/css">
.showbutton {
display:block;
margin:4px 0;
}
.nascondi {
overflow:hidden;
background: #fcfcfc;
}
.nascondi > div {
-webkit-transition: all 0.3s ease;
-moz-transition: margin 0.3s ease;
-o-transition: all 0.3s ease;
transition: margin 0.3s ease;
}
.showbutton[value="Mostra"] + .nascondi > div {
margin-top:-100%;
}
.showbutton[value="Nascondi"] + .nascondi {
padding:4px;
}
</style>
</head>
<body>
<input class="showbutton" type="button" value="Mostra" onclick="this.value=this.value=='Mostra'?'Nascondi':'Mostra';">
<div class="nascondi">
<div>
Incollare il codice o il testo piano del contenuto da nascondere
</div>
</div>
</body>
</html>