Menu desplegable en Jquery

[Yurisimo]

Hola, que tal ???

Estoy creando un menu que al pinchar se desplegue hacia arriba y al pinchar en otro enlace se recoja, pero no del todo... sino dejando un pequeña parte del muno...

Es decir, tengo un div como pie de pagina, y alli hay varios enlaces ( el menu ) al pinchar en alguno de los enlaces se me sube el div 20% de pixeles y me muestra la informacion.... al pinchar otra vez en el mismo enlace, quiero que se recoja el menu, pero no del todo... sino dejando un 20% de ese div...

Código HTML:

<script type="text/javascript">
$(document).ready(function(){
  
  $("#panel").toggleClass({width:'100%',height:'20%'},"slow");	
	
	$(".btn-slide").click(function(){
		$("#panel").slideToggle("normal");
		$(this).toggleClass("active"); return false;
	});
	
	 
});
</script> 

ahora mismo lo estoy haciendo asi, y me oculta el div por completo...

Muchas gracias :D

[MadDunDee]

Deberías de echar un vistazo al método .animate() de jquery. Con el puedes hacer que un div se desplace npx/n% aumentar el height o su width...

Creo que con este podrías resolver tu problema. slideToggle juega con la visibilidad completa del objeto/elemento.

http://api.jquery.com/animate/

[Yurisimo]

Muchas gracias, es justo lo que buscaba !!!

[Yurisimo]

Me ha surgido un problemilla con eso!!!
El div me lo lee de abajo hacia arriba, y como la imagen es mucho mas grande que el div, me come la imagen por arriba!!!

No hay ninguna manera para que la imagen la lea desde arriba hacia abajo ???

[Marti1982]

Hola, se me ocurre que tendrias que tomar las medidas de la imagen con .width y .height y aplicarselas al div que la contiene para ajustarlo. Saludos.