Ver Mensaje Individual
  #2 (permalink)  
Antiguo 17/01/2014, 21:37
Avatar de Alexis88
Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 13 años, 1 mes
Puntos: 977
Respuesta: toggle de jquery

Sin necesidad de utilizar el método toggle:

Código HTML:
Ver original
  1. <div id = "ejemplo"></div>

Código Javascript:
Ver original
  1. var colores = ["#f00", "#00f", "#0f0"],
  2.     indice = -1;
  3.  
  4. $("#ejemplo").click(function(){
  5.     indice = indice == colores.length - 1 ? 0 : ++indice;
  6.     $(this).css("background", colores[indice]);
  7. });

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
__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand