Menu accordion não funciona o.O

[Pedro Vinicius_168218 2]

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?

[Bru_ce 53]

Tenta trocar isso:

 

$("submenu:visible")

 

por isso:

 

$("submenu").is(":visible");