Dúvidas com onClick

kekko · 27 de janeiro de 2012

Olá pessoal, tudo blzinha?

Seguinte, preciso fazer com que ao clicar no div, mude a imagem de fundo e ao clicar novamente volte para a original...

consegui fazer com que troque, mas não faço ideia de como faria para retornar...

segue o código xD

$(document).ready(function(){

$(".flip").click(function(){

$(".panel").slideToggle("slow");

});

</script>

.

</div>

Valeeew .o/

DiF · 27 de janeiro de 2012

você esta usando o jquery.. tente incluir dentro do script a mudança de css de fundo.

algo parecido como:


<script type="text/javascript">
	$(document).ready(function() {
		$(".flip").click(function() {
			$(".panel").slideToggle("slow").css("background", "url(fundo2.png)");

		});
	});
</script>

bem.. eu nao testei... mas é por ai.. da uma pesquisadinha

kekko · 30 de janeiro de 2012

Estamos no caminho dif... o ".css(...)" ficava no flip, já que o panel é a parte de dentro..

está funcionando o código abaixo, não da maneira que quero ainda, pois ao clicar ele desce trocando a imagem, porém para subir necessitam dois clicks, sendo que quero somente com um... =\

$(document).ready(function(){
  $(".flip").click(function(){
    $(".panel").slideDown("slow");
	$(".flip").css("background", "url(img/produtos/2l_2.png)")
  });
	  $(".flip").dblclick(function(){
		$(".panel").slideToggle("slow");
		$(".flip").css("background", "url(img/produtos/2l_1.png)")
  });
});