Ver Mensaje Individual
  #6 (permalink)  
Antiguo 01/08/2012, 14:04
Avatar de catpaw
catpaw
 
Fecha de Ingreso: mayo-2010
Ubicación: xalapa
Mensajes: 856
Antigüedad: 14 años
Puntos: 23
Respuesta: lograr un efecto como este

Mi internet esta terrible de lento, disculpen los mensajes duplicados u.u

el div que contiene los enlaces se llama enlaces_top -> es el que quiero que lleve el efecto, ya logre un avance, cambie las funciones .clic un poco, asi:

Código:
jQuery('#ocultar').click(function() {
    		jQuery('#enlaces_top').slideUp(1000);
			jQuery('#enlaces_top').height(10); /*250*/
			document.getElementById('ocultar').style.display='none';
			document.getElementById('mostrar').style.display='block';
  		});
		jQuery('#mostrar').click(function() {
    		jQuery('#enlaces_top').slideDown(1000);
			jQuery('#enlaces_top').height(250);
			document.getElementById('ocultar').style.display='block';
			document.getElementById('mostrar').style.display='none';
  		});
ya logro que se oculte o se muestre el enlace #ocultar - #mostrar segun se haya clicado

pero sigo sin lograr que el div cambie de tamaño

esto no esta sirviendo jQuery('#enlaces_top').height(valor);

tengo asi el html:

Código HTML:
<div class="shadow"><!--capa que envuelve todo-->
                  <!--enlaces para ocultar o mostrar-->
	 	  <a id="ocultar" href="javascript:;"  class="cerrar">Ocultar</a>
	 	  <a id="mostrar" href="javascript:;" class="abrir" style="display:none;">Abrir</a>
		  <!--capa delos enlaces-->
                  <div id="enlaces_top" class="enlaces_top">
                       <!--enlaces-->
                  </div>
</div><!--shadow-->