JSFiddle - React, Tailwind, and code Playground

by luka kupunia

HTML

<div class="item">1</div>
<div class="item">2</div>
<div class="item">3</div>

CSS

.item {
    transition: .6s;
    padding: 20px;
}
.item.active {
    background: red;
    padding: 20px;
}

JavaScript

$('.item').hover(function(){
	$('.item').removeClass('active')
    $(this).addClass('active')
})