Hola
Estoy liada con un menu (soy principiante). Al tener la web a pantalla completa no hay problemas, pero al reducir la pantalla no se como hacerlo.
Este es el menu:
<nav id="menu">
<ul>
<li><a href="index.php" title="Home">HOME</a></li>
<li><a href="galeria_retrato.php" title="Retrato">RETRATO</a></li>
<li><a href="galeria_fashion.php" title="Fashion">FASHION</a></li>
<li><a href="galeria_desnudo.php" title="Desnudo">DESNUDO</a></li>
<li><a href="galeria_social.php" title="Social">SOCIAL</a></li>
<li><a href="#" title="Proyectos">PROYECTOS</a>
<ul>
<li><a href="galeria_exploring.php">EXPLORING THE BODY</a></li>
<li><a href="galeria_posizione.php">POSIZIONE</a></li>
</ul>
</li>
<li><a href="sobre_mi.php" title="Sobre mï">SOBRE MI</a></li>
</ul>
</nav>
Y este el jquery:
$(document).ready(function(){
var contador = 1;
$('#menu_resp').click(function(){
if(contador == 1){
$('#menu').animate({top: '0px'}, 'slow');
contador = 0;
}
else {
$('#menu').animate({top: '-220px'}, 'slow');
contador = 1;
}
});
En pantallas amplias al colocarnos en "proyectos" salen dos opciones mas, pero en pantallas reducidas, lo que quiero que ocurra es que salgan esas dos opciones al pinchar en "proyectos".
Y por otro lado, al abrirse el menu, como consigo que el botton de la cabecera tambien vaya ampliandose o reduciendose segun como este el menu?
Mil gracias por todo.