Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Bom dia!
Estou fazendo um site que terá alguns artigos, desenvolvi um um esquema simples que mostra o título do artigo e quando a pessoa clica no ícone mostra o resto do texto e ficou assim: http://chiptronic.com.br/testes/artigos/icones.html
Criei esse pequeno script para fazer essa função de mostrar/esconder e alterar o ícone
//ocultar/mostrar div function mostrarDiv(divid){ if(document.getElementById(divid).style.display == 'none'){ document.getElementById(divid).style.display = 'block'; document.getElementById("icon").style.background = 'url(plus.png)'; //icone '+' }else{ document.getElementById(divid).style.display = 'none'; document.getElementById("icon").style.background = 'url(minus.png)'; //icone '-' } }
Tem um pequeno problema nesse script, ele funciona bem mas quando eu coloco dois artigos ao invés dele trocar o ícone do artigo que foi clicado ele troca o ícone de apenas um e fica assim:
http://chiptronic.com.br/testes/artigos/icones-2.html
O que eu devo fazer para conseguir alterar apenas o ícone da div que foi clicada?
Carregando comentários...