toggle de jquery

[eduardobrutaldeath]

Hola a todos,
Tengo un párrafo y quiero presionarlo tres veces y que en cada una de ellas cambié de color, para eso hice el siguiente código (que no funciona):

Código Javascript:

$("p").toggle(function(){
  $(this).css({'color':'#f00'});
},function(){
  $(this).css({'color':'#00f'});
},function(){
 $(this).css({'color':'#00ff00'});
});
 

Antes de hacer la payasada de arriba había logrado el efecto deseado con un bucle for, pero alguien me dijo que probara con TOGGLE, que era más fácil porque trabajaba como el evento CLICK y que podía agregar múltiples funciones con cada pinchada... hasta ahora lo sigo intentando ¬_¬. En realidad me he obsesionado un poco porque viendo unos tutoriales he notado que a todos les funciona perfectamente pero a mi no, y a pesar de que ya tengo la solución, a mi modo (con PHP), quiero saber porque no puedo ejecutar bien el TOGGLE.

[Alexis88]

Sin necesidad de utilizar el método toggle:

Código HTML:

<div id = "ejemplo"></div>
 

Código Javascript:

var colores = ["#f00", "#00f", "#0f0"],
    indice = -1;
 
$("#ejemplo").click(function(){
    indice = indice == colores.length - 1 ? 0 : ++indice;
    $(this).css("background", colores[indice]);
});
 

El cambio se produce en cada clic sobre el Div, en donde la variable indice, aumentará su valor de uno en uno, hasta que llegue al límite de colores existentes en el array colores, momento en el que volverá a tener el cero por valor y así se le pueda asignar al Div cada uno de los colores del array.

Así se ve en ejecución: http://jsbin.com/IxateVo/1

Saludos

[eduardobrutaldeath]

Iniciado por Alexis88

Así se ve en ejecución: http://jsbin.com/IxateVo/1

Saludos

Gracias por la explicación pero, como dije, ya había conseguido el resultado, lo que sí me gustaría saber es porque no me funciona el Toggle... mira este video (http://www.youtube.com/watch?v=n01okW4psSU), aquí un tío muestra como conseguir el efecto de manera sencilla con el Toggle, pero a pesar de haberlo imitado a mi no me funciona... ve desde el minuto 17:00

[Alexis88]

Probablemente sea porque no estás asignando las funciones como el método las debe tener. Chequea el manual oficial para que despejes tus dudas.

Saludos

[eduardobrutaldeath]

Iniciado por Alexis88

Probablemente sea porque no estás asignando las funciones como el método las debe tener. Chequea el manual oficial para que despejes tus dudas.

Saludos

Está en inglés T_T T_T T_T

[Alexis88]

Entonces, lee esto: http://www.anerbarrena.com/jquery-to...tar-divs-1728/