Comentários sobre: Menu acordeon (sanfona) com jQuery

Por: Adriano Meira

Adriano Meira — Thu, 24 Nov 2011 16:07:06 +0000

Olá Carlos

Fico muito feliz que tenha lhe ajudado, qualquer dúvida fica ai o blog e eu (na medida do possível) a disposição.

Por: Carlos Henrique de Oliveira Reis

Carlos Henrique de Oliveira Reis — Thu, 24 Nov 2011 12:37:33 +0000

Estou lhe escrevendo so para agradecer, estou desenvolvendo um site com accordion e ao clicar para abrir, ia para o topo da página, e graças a uma das suas dicas consegui resolver o problema, valeu.

Por: Adriano Meira

Adriano Meira — Wed, 13 Apr 2011 23:36:25 +0000

Olá Cristiane
Entendi sim, para isso vamos usar a função click do “a” para colocar uma classe chamada “ativo” , como funcionará, primeiro vamos no css para criar uma classe e ajustar outra.
Primeiro vamos colocar no estilo do “a” (onde se clica) uma imagem que não se repita a direita com o sinal negativo (-) assim:

ul#menuGeral a{ background-image:url(fechado.jpg); background-repeat:no-repeat; background-position: right center; } ul#menuGeral a.ativo{ background-image:url(aberto.jpg); }
Com isso pronto vamos na função e acrescente os dados abaixo dos comentátios

$(document).ready(function(){ $(".conteudoMenu").hide(); $(".itemMenu").click(function(){ //Primeiro resetamos todos os estilos ativos $('.itemMenu').removeClass('ativo'); //Setamos neste elemento que clicou um novo estilo $(this).addClass('ativo'); $(".conteudoMenu").slideUp("slow"); $(this).next(".conteudoMenu").slideDown("slow"); }); });

É isso ai me avise se deu certo ou não.

Por: Cristiane

Cristiane — Wed, 13 Apr 2011 14:32:23 +0000

Oi Adriano,

Como eu faria para colocar imagens no menu sanfona. Vou te explicar melhor…quando todos os item estiverem fechados apareceria na frente de cada um um “+” e quando clicar ele fica “-” porém recolhendo o item que foi anteriormente aberto e deixando ele com o “+” novamente…deu pra entender?

Obrigada,

Por: Adriano Meira

Adriano Meira — Thu, 17 Feb 2011 02:07:41 +0000

Opa olá Yumii, desculpe a demora faculdade é dose né? Sobre o plugin muito bacana anotei aqui nos meus rascunhos para usa-la não me parece ser difícil, assim que rolar um tempinho posto algo sobre esta fantástica paginação.

Por: Yumii

Yumii — Thu, 10 Feb 2011 21:08:48 +0000

Podia fazer um de paginação, eu vi em vários lugares esse http://tympanus.net/jPaginate/
só que ninguém explica muito bem :/
eu vou continuar procurando mas segue um post pra fazer

Por: Adriano Meira

Adriano Meira — Wed, 09 Feb 2011 02:29:02 +0000

Opa Lembro sim como vc está? Fico feliz mesmo assim em te ajudar e vai ai uma dica, o plugin que me enviou realmente dá um conflito danado com jQuery já está na minha lista publicar um tutorial de outro plugin muito banca, fácil de implementar e muito bonito que é em jQuery e não da conflito. Aguarde fique de olho.

Por: Yumii

Yumii — Wed, 09 Feb 2011 00:09:17 +0000

Enfim ja resolvi botei um negocio de noconflit e mudei uns $ para jquery
ai ja funcionou
parabéns pelo seu blog me ajudou muito o menu ^^ quando o site estiver pronto eu volto aqui para você ver

Por: Yumii

Yumii — Tue, 08 Feb 2011 23:42:10 +0000

ixii como posso te mandar isso?

Por: Yumii

Yumii — Tue, 08 Feb 2011 23:41:46 +0000

ops não apareceu

$(document).ready(function(){
$(“.conteudoMenu”).hide();
$(“.itemMenu”).click(function(){
$(“.conteudoMenu”).slideUp(300);
$(this).next(“.conteudoMenu”).slideToggle(300);
});
})

vamos ver se agora aparece