JSFiddle - React, Tailwind, and code Playground

by vpetrychuk

HTML

<button class="test">Test</button>

CSS

body {    
    background-color: #fff;
    margin: 10px;
    transition: all .1s;
}

.do-stuff {
    background-color: #eee;
    margin-right: 20px;
}

JavaScript

$('.test').on('click', function () {
  $(document.body)
    .toggleClass('do-stuff')
    .one('transitionend', function (e) {
      console.log(e.originalEvent.propertyName);
    });
});