JSFiddle - React, Tailwind, and code Playground

by davidmurdoch

HTML

<a id="test" href="#test">Hello</a>

CSS

a {
    padding: 30px 50px;
    color: #FFF;
    background: red;
    -webkit-transition: all 1s linear;            
}
a:hover {
     background:green;   
}
a.noTransition{
     -webkit-transition: none;  
    background: blue; 
}

JavaScript

$("#test").click(function(){
    $(this).toggleClass("noTransition");
})