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

[00israel]

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

[Alexis88]

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

[00israel]

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.

[seozeta]

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.