toggle de jquery

[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