Ao clicar na div, ela mudar de cor, como?

[Marcelo Barros]

Pessoal,

Estou tentando "criar" algo mas não obtenho sucesso. Tenho uma div cinza e quero que ao clica-la, ela, com fadeIn mude sua cor para vermelho. Como? Já tentei com .css().fadeIn(), fadeIn().css(), animate() e não obtive êxito. :( Podem me auxiliar?

Obrigado

--
Marcelo Barros

[Maiko de Andrade]

Coloque o teu codigo do que fez até agora.

[]´s
Maiko de Andrade
MAX Brasil
Desenvolvedor de Sistemas
+55 51 91251756

2011/3/26 Marcelo Barros <xavier...@gmail.com>:

> --
> Grupo de jQuery Brasil.
>
> REGRAS: http://groups.google.com/group/jquery-br/web/regras-do-grupo
>
> USE O JSBIN.COM / JSFIDDLE.NET PARA CÓDIGOS.
>
> Email: jque...@googlegroups.com
> Biba: jquery-br+...@googlegroups.com
> Site: http://groups.google.com/group/jquery-br?hl=pt-BR
>

[Marcelo Barros]

$("#box").click(function(){

  $(this).fadein().css("background-color", "red"); 

});

:)

--
Marcelo Barros

[Cezar Luiz]

Olá amigo, creio que você vai ter que usar o jQuery UI. Fiz aqui
utilizando o UI, veja o resultado:

http://jsbin.com/ukihu4/
http://jsbin.com/ukihu4/edit

On Mar 26, 11:53 pm, Marcelo Barros <xavierbar...@gmail.com> wrote:
> $("#box").click(function(){
>   $(this).fadein().css("background-color", "red");
>
> });
>
> :)
>

> On Sat, Mar 26, 2011 at 11:41 PM, Maiko de Andrade <maikovi...@gmail.com>wrote:
>
>
>
>
>
>
>
>
>
> > Coloque o teu codigo do que fez até agora.
>
> > []´s
> > Maiko de Andrade
> > MAX Brasil
> > Desenvolvedor de Sistemas
> > +55 51 91251756
>

> > 2011/3/26 Marcelo Barros <xavierbar...@gmail.com>:

> *Marcelo Barros*

[Marcelo Barros]

@Cezar Luiz

jQuery UI e tua ajuda me salvaram! Obrigado!

2011/3/27 Cezar Luiz <cezarl...@gmail.com>

--
Marcelo Barros

[Fernando Wobeto]

Desculpe, mas onde há UI nesta solução?

2011/3/27 Marcelo Barros <xavier...@gmail.com>

--

Fernando Wobeto

Desenvolvedor Web
fernand...@gmail.com

[Neto Neto]

O UI permite fazer uma espécie de animate com mudança de cores.

Se eu não me engano, o @Tanure uma vez pegou apenas o trecho do código do UI que fazia isso para demonstrar a solução.


Neto - Web developer
+55 81 8169.4400 / http://jneto.net.br

[Marcelo Barros]

Colegas,

Fico até sem jeito de questionar quanto a algo que não consigo encontrar uma solução mas, gostaria da ajuda de vocês mais uma vez...

Neste exemplo, utilizando jQuery-UI e a função .animate, consigo fazer com que uma div na cor #000 ao ser clicada torne-se #FF0000. Como fazer com que, caso eu clique novamente na mesma div, ela volte à sua cor original?

--

Grupo de jQuery Brasil.
 
REGRAS: http://groups.google.com/group/jquery-br/web/regras-do-grupo
 
USE O JSBIN.COM / JSFIDDLE.NET PARA CÓDIGOS.
 
Email: jque...@googlegroups.com
Biba: jquery-br+...@googlegroups.com
Site: http://groups.google.com/group/jquery-br?hl=pt-BR

--
Marcelo Barros

[Leo Balter]

existem várias formas, uma delas (talvez há melhores), é verifcar a cor atual do elemento, com .css('backgroundColor') e assim configurando o valor da cor a ser aplicada.

2011/3/28 Marcelo Barros <xavier...@gmail.com>

[Tanure]

vc pode usar tb a função SwitchClass

http://jqueryui.com/docs/switchClass/

olha o exemplo

http://jsfiddle.net/letanure/9nPNv/

$('#trocaCor').click(function(){
    var $this = $(this);
    if($this.hasClass('vermelho')){
        $(this).switchClass('vermelho','verde', 500);
    }else{
        $(this).switchClass('verde','vermelho', 500);
    }
})

#trocaCor{
    margin:50px;
    height:100px;
}
.vermelho{
    background:red;
}
.verde{
    background:green;
}

<div id="trocaCor" class="vermelho"></div>

Tanure

Luiz Tanure

472f5a3aedb906cb767acdbdeaca6d8f

[Tanure]

pode usar tb o http://jqueryui.com/demos/toggleClass/]

Tanure

On Mon, Mar 28, 2011 at 02:35, Leo Balter <leonard...@gmail.com> wrote:

--

Luiz Tanure

472f5a3aedb906cb767acdbdeaca6d8f