CSS Transitions Duration Change

HTML

<div></div>

CSS

div {
    width: 100px;
    height: 100px;
    background: #555555;
}
.t1 {
    -webkit-transition-duration: 5s;
    -webkit-transition-property: width;
    width: 500px;
}
.t2 {
    -webkit-transition-duration: 200ms;
    -webkit-transition-property: width;
    width: 500px;
}
.t3 {
    -webkit-transition-duration: 200ms;
    -webkit-transition-property: width;
    width: 100px;
}

JavaScript

var test = $('div');
var count = 0;

$(document).click(function() {
    console.log(count);
    if (count == 0)test.removeClass().addClass("t1");
    if (count == 1)test.removeClass().addClass("t2");
    if (count++ > 1) {
        test.removeClass().addClass("t3");
        count = 0;
    }
});