Problema con ciclos de acción

[Xelot]

Tengo un problema con el siguiente código:

$(".pos").click(function(){
$(this).css("border","0.2vw solid red");
$(".pos").click(function(){
$(this).css("border","0.2vw solid green");
});
});

Con este código al hacer click en una posición el borde se pone rojo, y después, el resto de clicks ponen el borde verde. Lo que yo quiero es que se ponga rojo, luego verde y luego empiece desde el principio...

Gracias de antemano.

[Dafonz]

Ya que estas usando jQuery, puedes usar toggleClass para esto.

Ejemplo y codigo:

https://jsfiddle.net/0f15bzte/

[superweb360]

Código Javascript:

var rojo = true;
$(".pos").click(function() {
    if(rojo)
    {
        $(this).css("border", "0.2vw solid green");
    }
    else
    {
        $(this).css("border", "0.2vw solid red");
    }
    rojo = !rojo;
});