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