problema com sistema de accordion jQuery

[Hugo Borges_120734 6]

Galera montei um sistema muito simples de accordion, usando css e jquey.

 

Segue o código:

https://jsfiddle.net/hugoborges/vt6frrww/

 

O problema e que sei como fazer as detinha girarem, e manter em azul o accordion selecionado. Alguém pode me ajudar?

[Rafael R Silva 27]

Fala Hugo beleza?

 

Tem varias maneiras de fazer isso.

 

Eu fiz um exemplo adicionando um class "selected" no link clicado e no css quando tiver essa classe ele deixa com as configurações que você precisa.

 

Deixa o accordion selecionando azul e a seta para baixo.

 

https://jsfiddle.net/c70q1hwb/

[Hugo Borges_120734 6]

muito bom, ficou 100%. Muito obrigado

[Hugo Borges_120734 6]

OK agora como faço para que a primeira sempre seja carregada aberta?

[Rafael R Silva 27]

É só adicionar um trigger click no primeiro elemento:

$('.accordion > dt > a:eq(0)').trigger('click');

https://jsfiddle.net/c70q1hwb/

[Hugo Borges_120734 6]

Ok, vlw vc d+ ;)

 

A unica coisa que falta para ficar 100% e corrigir um bug no firefox. Se vc criar um arquivo html e abrir ele no firefox vai perceber que a borda do <dd> não acompanha o <dt>. Tentei colocar width:100% mas não seu certo. Sabe como resolvi isso?

[Rafael R Silva 27]

Olha ai

 

https://jsfiddle.net/rrsilva88/c70q1hwb/1/

[Hugo Borges_120734 6]

Ok, vlw vc d+ ;)

 

A unica coisa que falta para ficar 100% e corrigir um bug no firefox. Se vc criar um arquivo html e abrir ele no firefox vai perceber que a borda do <dd> não acompanha o <dt>. Tentei colocar width:100% mas não seu certo. Sabe como resolvi isso?

[Rafael R Silva 27]

Tenta adicionar o reset.css no começo do codigo;

 

http://cssreset.com/

 

Talvez resolva!

[Hugo Borges_120734 6]

Não deu certo, to revisando o css mas não acho o quero. estranho isso neh

[Rafael R Silva 27]

Tira um screen para eu ver

[Hugo Borges_120734 6]

ok, segue a screen

 

[Hugo Borges_120734 6]

Consegui achar o problema, era no css mesmo:

 

Vou postar todo o código pronto, pois isso vai ser de grande ajuda para quem precisar. Agradeço muito a sua ajuda Rafael.

 

https://jsfiddle.net/hugoborges/vt6frrww/2/

[Rafael R Silva 27]

Show!

Que isso precisando posta ai =)