Alterar o icone do accordion
Ola galera estou tendo um trabalho para alterar o icone da minha header no accordion, ja tentei de tudo e o icone nao aparece la alguem sabe como faço, e que na verdade ele inicia com o icone de (mais) e quando é selecionado ele fica com o icone (x) para fechar.
fiz um script assim mas nao trocou.
e meu css ta assim chamando as imagens.
se puderem ajudar galera grato.
Miller.
fiz um script assim mas nao trocou.
<script type="text/javascript"> $(function () { $('.efeito').accordion({ collapsible: true, autoHeight: false, active: false }); $('.efeito').accordion("option", "icons", { 'Header': 'defaultIcon', 'HeaderSelected': 'selectedIcon' }); }); </script>
e meu css ta assim chamando as imagens.
.defaultIcon{ background-image:url(images/open.png) important; } .selectedIcon{background-image:url(images/close.png) important; }
se puderem ajudar galera grato.
Miller.
Celiol.
Curtidas 0
Respostas
Joel Rodrigues
05/03/2014
Já tentou forçar essa alteração via jQuery?
GOSTEI 0
Celiol.
05/03/2014
entao cara dei uma pesquisada e no jquery eu vi como coloquei ai mas tem que declarar no css tambem.
GOSTEI 0
Joel Rodrigues
05/03/2014
Tem um live demo desse acoordion pra eu dar uma olhada?
GOSTEI 0
Celiol.
05/03/2014
pior que não tenho cara, mas e simples não tem firulas não é o mesmo que o exemplo do Jquery só não consegui colocar o link, e que o css la não mostra o exemplo é linkado por uma url.
mas eu postei o código aqui.
mas eu postei o código aqui.
GOSTEI 0
Rafael Carrenho
05/03/2014
No código CSS você já colocou a exclamação antes do "important"?
.defaultIcon{ background-image:url(images/open.png) !important; } .selectedIcon{background-image:url(images/close.png) !important; }
GOSTEI 0
Celiol.
05/03/2014
ha cara eu nao tinha colocado mesmo nem tinha reparado mas mesmo assim nao deu em nada com o "!"....
GOSTEI 0
Joel Rodrigues
05/03/2014
Bom, eu testei aqui seguindo o exemplo do site e deu certo. Creio que o problema esteja na passagem dos parâmetros para a função. Ajuste seu código de acordo com esse exemplo: [url:descricao=http://jqueryui.com/accordion/#custom-icons]http://jqueryui.com/accordion/#custom-icons[/url].
GOSTEI 0