Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Alex R

Js - Expandir e Sumir com imagens.

Por , em Javascript

Recommended Posts

Alex R    0

Alex R
Postado

Galera to com uma duvida, sou novo no ramo, não manjo nada de js.

 

Estou com o seguinte código abaixo.

 

No site que estou fazendo, ele tem que abrir o ''Meu Texto.'' ao clicar no ''Meu Título'', isso está ok, ele abre normalmente. Só que eu quero fazer o seguinte, vou colocar duas imagens uma com o simbolo (+) e outra com o (-) ao clicar no (+) abre o texto e substitui para o sinal de (-) e ao clicar no (-) o texto volta e substitui para o (+).

Meu unico problema e a troca de imagens, ja tentei muita coisa, e não estou conseguindo se puderem me ajudar agradeço muuuuuuuuito ^_^ !

 

Grato Alex.

 

<body>



<div id="titulo" style="font-size:20px;">Meu Título</div>

<div id="texto" style="display: none">

<span>Meu Texto.</span>

</div>





<script>
var flip = 0;
$("#titulo").click(function () {
$("#texto").toggle( flip++ % 2 == 0 );
});
</script>



</body>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Vadio    13

Vadio
Postado

bom primeiramente voce deve ter em mente como funciona o jQuery e conhecer um mínimo de JS para realizar essa sua ideia.

 

Analisando seu código JS vejamos oque ele faz...

1 - Ao clicar no elemento cujo id é titulo

2 - Utilizar função toggle do jQuery

 

Sabendo disso então vamos ver oque faz a função toggle do jQuery

-> link para documentação jQuery/toggle: http://api.jquery.com/toggle/

 

Agora que conheçemos oque faz a função toggle vamos ler sobre a show e a hide

show -> http://api.jquery.com/show/

hide -> http://api.jquery.com/hide/

 

Bons estudos

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito