JSFiddle - React, Tailwind, and code Playground

by SpaceDog

HTML

<div class="raiseable">
    <span class="raiseable">some text</span>    
</div>

CSS

.outline {
    outline: 5px solid #66ff66;
}

JavaScript

function mouseIn() {
    $(this).parent().removeClass('outline'); 
    $(this).addClass('outline'); 
}

function mouseOut() {
    $(this).removeClass('outline');     
}

$('.raiseable').hover(mouseIn, mouseOut);