¿Llama jQuery a la versión CSS3 de detener (verdadero, falso) y animar desde un evento?

¿Alguien me puede mostrar cómo usar CSS3 para hacerlo?esta?

http://jsfiddle.net/dYYZP/65/

He estado tratando de averiguar cómo llamar a las transiciones CSS3 a través de eventos y detener las transiciones como jQuerystop(true, false) por meses.

<div id="outer"></div>
<div id="inner"></div>

var under = true;
$("#outer").bind({
    click : function() {
        if(under){
            $("#inner").stop(true, false).animate( {
                left: 50
            }, 500);
        }
        else{
            $("#inner").stop(true, false).animate( {
                left: -50
            }, 500);    
        }
        under = !under;
    }
});

Respuestas a la pregunta(2)

Su respuesta a la pregunta