finalizar transition CSS saltar al final

[matake]

Hola,
¿Alguien sabe como se puede saltar al final de una transition CSS?

he intentado esto y no funciona:

Código HTML:

<div id="contenedor">
Contenido
</div><br>
<button id="go">go</button>
<button id="go_end">go_end</button>
 

Código Javascript:

$('#go').off('click').on('click',function(){
        $('#contenedor').css({
                '-webkit-transition': 'transform 10000ms',
                'transform': 'translate(500px, 0px)'
        });
    });
    $('#go_end').off('click').on('click',function(){
        $('#contenedor').css({
                '-webkit-transition': 'transform 0ms',
                'transform': 'translate(500px, 0px)'
        });
    });
 

O sea necesito que al pulsar el botón go_end ... el contenedor se vaya a la posición final
en este caso a 500px sin esperar la duración puesta al principio (10 segundos )
También estoy obligado (por la naturaleza del proyecto) de utilizar jquery o javascript para cambiar el atributo style. No puedo hacerlo por las etiquetas <style> con clases

Gracias