Tengo un Menu CSS, pero aparece entero, no puedo plegarlo y desplegarlo.
Podria alguien ayudarme comentandome como podria plegar y desplegar este menu?
Muchas Gracias
(Por otra parte he visto esta pagina vuestra donde teneis lo que estoy buscando exactamente, pero el codigo abierto solo tiene HTML, y si copio y pego el codigo, no se parece en nada el resultado a lo que puedo ver en la pagina directamente)
3w.araudi.net/Desplegables/menu_desplegable1 html
<style type="text/css">
#Test {
}
#Test ul {
width: 160px;
letter-spacing: 2px;
font-weight: bold;
font-style: italic;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
border-top: 1px solid #000000;
border-right: 3px solid #000000;
border-bottom: 5px solid #000000;
border-left: 1px solid #000000;
margin:0;
padding:0;
list-style:none;
}
#Test li a {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
font-style: normal;
text-decoration: none;
padding-left: 6px;
padding-bottom: 4px;
color: #FFFFFF;
padding-top: 4px;
padding-right: 12px;
text-align: left;
background: #41A703;
border-top: 1px #84C184;
border-right: 1px #99DD99;
border-bottom: 1px solid #99DD99;
border-left: 6px solid #06680C;
display:block;
width:100%;
}
#Test li a:hover {
background: #61C733;
border-bottom: 1px solid #99DD99;
border-left: 6px solid #099B0F;
}
#Test li.menucurrent a {
text-align: right;
}
#Test li.menucaption {
color: #FFFFFF;
font-style: normal;
padding-left: 5px;
font-size: 16px;
padding-bottom: 4px;
padding-top: 4px;
font-family: Times New Roman, Times, serif;
letter-spacing: 1px;
text-align: left;
background: #333333;
display:block;
}
html>body #Test li a {
width: auto;
}
</style>
<div id="Test"><ul><li class="menucaption" >Menu</li><li><a href="goplanettravel.blogspot com" title="Home">Home</a></li><li><a href="mailto:goplanettravel gmail.com" title="Contact">Contact</a></li></ul></div>