JSFiddle - React, Tailwind, and code Playground

by Satpal Singh

HTML

<button id="click">
    TestMe
</button>
<div class="example">
    Hello
</div>

CSS

.example {
    background-color: white;
    width: 50%;
    transition: width .5s ease;
}

.example.notransition {
    transition: none !important;
}

JavaScript

var ex = $(".example").first();
$("#click").click(function() {
    ex.addClass("notransition").width("100%").delay(500).queue(function() {
        ex.removeClass("notransition").dequeue();
    });
});