Menu efeito Sanfona - parte 01

Aviso importante!

Eu sei que você não quer ver propagandas, porém o conteúdo gratuito só está aqui graças a publicidade. Considere desativar o AdBlock para esse site.

Aprenda produzir de uma forma fácil e rápida o efeito sanfona com o uso do plugin Accordion mais a Biblioteca Jquery.

O efeito sanfona é muito utilizado para estruturar conteúdos em vários tópicos.

O usuário visualiza apenas o tópico que foi clicado.

Sobre o autor

Roberto Pereira

Sou desenvolvedor web, amante de tecnologia, gosto de disseminar conhecimento através de vídeo aulas e artigos.

Comentários

Atualmente temos 15 comentários para este post. Participe você também, clique aqui e comente sobre o assunto.

  • Marcelo comentou em

    Nao consegui fazer funcionar, por gentileza publique esse efeito para que eu possa dar uma vasculhada e achar o que tem de diferente
    . Obrigado,

    Responder
  • Fabio Ghiringhelli comentou em

    A aula é muito boa mesmo, mas eu não sei o que deu errado aqui, não faz o efeito aqui, tá erro de sintaxe no codigo do javascript, e está igualzinho ao que vc fez, e os arquivos no 4shared não existem mais,

    Me ajude, por favor

    Obrigado e Parabens pelas aulas

    Responder
  • Ramalho comentou em

    Olá Roberto,

    Gostei do menu sanfona, mas também encontrei um problema que não consegui resolver ainda, pode me ajudar?

    Ao passar o mouse sobre as primeiras fotos da esquerda pra direita, elas somem temporariamente e aparecem abaixo da ultima.

    Obrigado,

    Ramalho

    Responder
  • Jair comentou em

    Caro Roberto Pereira;

    Gostei muito da sua dinâmica para ensinar. Porém, com a rapidez vc deixou muita coisa sem mostrar.
    Não tenho pretenções de ganhar dinheiro com o que aprendo aqui(mas gosto de aprender)e, da forma como vc mostrou nos vídeos não foi possível executar com louvor. Por isso, peço-te que disponibilize o script e css, assim como o html. Pq imagino que muita coisa ficou faltando. Desde já obrigado por ensinar parte do que vc aprendeu. isso é estímulo pra nossos jovens que querem aprender.

    Responder
  • LUCIUS VERU comentou em

    Amigo Roberto.este vídeo do menu sanfona é muito bom,mais o meu não deu certo .
    acho que é o jquery que está errado, me ajude.

    abraços
    lucius veru

    Responder
  • Hacker Mosila comentou em

    Aleluia achei o site se tem que coloca um lik do site na youtube naum tem um foi mal divicudade para acha isso ok agora mano quanvo vou passa o mause o negocio da Angelina Jolie desse e depois sobe como aumo isso

    Responder
  • paullocezar comentou em

    Estou gostando muito das vídeos aulas, esta abrindo um leque muito legal para estilização do site com os efeito jquery e css.

    abs!

    Responder
  • Roberto Pereira comentou em

    Fala Leandro tudo bem,

    A video aula "Menu efeito Sanfona – parte 02" ja havia sido criada semana passada,

    Para integrar o efeito sanfona, voce faz assim:
    Envie a pasta via FTP com os arquivos do plugin para dentro de wp-content/plugins.
    Depois realize o login na administração do seu blog, acesse o menu Plugins,
    procure pelo plugin que você acabou de enviar pelo FTP e clique em Ativar,
    ele já será localizado no menu padrão do plugin e poderá ser configurado,
    por exemplo inserindo nas paginas de widget da sua barra lateral.

    Em breve estaremos postando videos aulas voltada para a plataforma WordPress e Magento!

    Aguarde

    Responder
  • Leandro José comentou em

    Este efeito sanfona tem como integra-ló ao wordpress se tiver explique na próxima vídeo aula, roberto.

    Responder
  • Wagner Gilberto comentou em

    Com certeza vou gostar ja vi alguns na net mas a explicação não era boa, tenho certeza que aqui no RBtech será, aguardarei ansioso a parte espero que não demore, e os arquivos tb,

    Responder
  • Roberto Pereira comentou em

    Fala Carlos tudo bem,

    Não sei se percebeu, mas o vídeo é dividido em 2 partes,
    e a rbtech estará disponibilizando para estudo o código completo do css,
    além do script do jquery .

    O melhor esta vindo na próxima vídeo aula, onde iremos atacar
    a parte que irá fazer com que as coisas funcionem: O Java script…

    Aguarde ...

    Responder

Deixe seu comentário