JSFiddle - React, Tailwind, and code Playground

by deadlyicon

HTML

<script src="https://code.jquery.com/jquery-2.1.4.js"></script>
<button class="foobar">Hello</button>

CSS

.foobar{
  border: 5px solid orange;
}

.foobar.active{
  border: 5px solid purple;
}

JavaScript

$(function(){
	$('button.foobar')
    .on('mouseenter', function(){
      $(this).addClass('active');
    })
    .on('mouseleave', function(){ 
      $(this).removeClass('active');
    })
});