JSFiddle - React, Tailwind, and code Playground

by ianlunn

HTML

<div id="hi">
     Click here to start a transition. A listener has been bound which should trigger an alert() when the transition ends.
</div>

CSS

.enabled{
    color: red;
    -o-transition-duration: 2s;
    -webkit-transition-duration: 2s;
}

JavaScript

$(document).ready(function(){
    $("#hi").click(function(){
        $(this).addClass("enabled");
    });
    $(document).on("webkitTransitionEnd oTransitionEnd", function(){
        alert("transition ended");
    }); //jQuery doesn't return oTransitionEnd in Opera Mobile Emulator experimental
});