Foros del Web » Programando para Internet » Jquery »

Desplegar menú hacia bajó en lugar de hacía arriba

Estas en el tema de Desplegar menú hacia bajó en lugar de hacía arriba en el foro de Jquery en Foros del Web. Hola a todos. Me estoy volviendo loco cambiando el siguiente código para hacer que se me despliegue hacia abajo en lugar de hacía arriba y ...
  #1 (permalink)  
Antiguo 12/05/2014, 16:33
Avatar de 00israel  
Fecha de Ingreso: enero-2002
Ubicación: madrid
Mensajes: 636
Antigüedad: 18 años
Puntos: 5
Desplegar menú hacia bajó en lugar de hacía arriba

Hola a todos. Me estoy volviendo loco cambiando el siguiente código para hacer que se me despliegue hacia abajo en lugar de hacía arriba y no lo consigo. Alguien puede echarme una mano:

Código:
$(function(){
 var nb = $('#navbtn');
 var n = $('#topnav nav');
//Creamos las variables para nuestro menu

 $(window).on('resize', function(){

 if($(this).width() < 570 && n.hasClass('keep-nav-closed')) {
// si el menú de navegación y el botón de navegación son visibles.
//volver a ocultar el menú de navegación y retire la clase oculta.
$('#topnav nav').hide().removeAttr('class');  }  if(nb.is(':hidden') && n.is(':hidden') && $(window).width() > 569) {
 // si el menú de navegación y el botón de navegación son tanto oculta,
 //ejecuta cambios cuando la resolución de la pantalla es de 569px
 $('#topnav nav').show().addClass('keep-nav-closed');
 }
 });

 $('#navbtn').on('click', function(e){
 e.preventDefault();
 $("#topnav nav").slideToggle(350);
 });

});
Gracias
  #2 (permalink)  
Antiguo 14/05/2014, 18:35
Avatar de Alexis88
Objetivista
 
Fecha de Ingreso: noviembre-2011
Ubicación: Lima, Perú
Mensajes: 5.433
Antigüedad: 8 años, 2 meses
Puntos: 934
Respuesta: Desplegar menú hacia bajó en lugar de hacía arriba

Para desplegar un menú hacia abajo, suelo utilizar el método slideDown, mientras que el efecto contrario lo consigo con el efecto slideUp. Lee la documentación que hay sobre dichos métodos, probablemente te sirvan.

Saludos
__________________
«Laissez faire et laissez passer, le monde va de lui même»
  #3 (permalink)  
Antiguo 15/05/2014, 05:16
Avatar de 00israel  
Fecha de Ingreso: enero-2002
Ubicación: madrid
Mensajes: 636
Antigüedad: 18 años
Puntos: 5
Respuesta: Desplegar menú hacia bajó en lugar de hacía arriba

Si he probado a cambiar por slideDown y hace lo mismo. Mi intención es que en lugar de que se muestre por encima, desplazandose el icono y la barra hacia abajo, lo haga al reves, se mantenga el icono y la barra en su sitio y el menú se depliegue hacia abajo.

gracias de todos modos Alexis88, un saludo.
  #4 (permalink)  
Antiguo 17/05/2014, 10:58
Avatar de seozeta  
Fecha de Ingreso: junio-2013
Mensajes: 98
Antigüedad: 6 años, 7 meses
Puntos: 66
Respuesta: Desplegar menú hacia bajó en lugar de hacía arriba

Es muy fácil hacer eso. En la estructura HTML original que tienes has colocado el enlace con id=navbtn después de NAV. Para que se despliegue al revés, pon dicho enlace arriba, antes de NAV; y verás como se despliega hacía abajo.

PD: Encontré tu post de casualidad hace dos días buscando algo y ahora que lo implementé hice la prueba y funciona.

Etiquetas: arriba, desplegar, hacia, lugar
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:06.