Menu accordion não funciona o.O

Olá pessoal... Peguei um trabalho pra fazer, e meu cliente deseja um design responsivo. Nunca tinha feito nada parecido, mas aceitei o desafio. Estou com um problema no menu. Quando o site for visualizado em uma tela de 320 px ou menos, o menu deverá se converter em um accordion. Segui o exemplo do blog Boteco Digital. Lá o autor do artigo demonstrou este efeito com dl, dt, ulo meu, eu uso apenas ul e li. Vejam o código:

if (tam <= 480) {
 $(document).ready(function(){
 $(".submenu").hide();
 $(".dropdown").click(function(){
 $("submenu:visible").slideUp("slow");
 $(this).parent().next().slideDown("slow");
 return false;
 });
});
}

Achei estranho, porque fiz tudo certinho... Mas só funciona até a linha 3. O restante não. Alguém saberia me dizer o que está ocorrendo?