Edit in JSFiddle

var $box = $('#box');
var isMoving = false;

$(window).on('click', function() {
    if(isMoving) {
        $box[0].style['transition-property'] = 'none';
        $box[0].style['-o-transition-property'] = 'none';
        $box[0].style['-moz-transition-property'] = 'none';
        $box[0].style['-webkit-transition-property'] = 'none';
        $box[0].scrollLeft;
        $box[0].style.removeProperty('transition-property');
        $box[0].style.removeProperty('-o-transition-property');
        $box[0].style.removeProperty('-moz-transition-property');
        $box[0].style.removeProperty('-webkit-transition-property');
        
    } else {
        $box.css('left', 600);
        isMoving = true;
    }
})

<div id='box'></div>

#box {
    position: absolute;
    top: 0;
    left: 0;
    height: 50px;
    width: 50px;
    background: red;
    transition: left 5000ms;
    -o-transition: left 5000ms;
    -moz-transition: left 5000ms;
    -webkit-transition: left 5000ms;
}