JSFiddle - React, Tailwind, and code Playground

HTML

<div class="myDiv">
    <span class="myText">some text</span>    
</div>

<div class="myDiv">
    <span class="myText">some text1</span>    
    
</div>

CSS

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

JavaScript

$('.myText').hover(
    function() {
            $('.myDiv').removeClass('outline');
            $(this).attr('title', 'Change color').addClass('outline');              
        },
        function() {
            $(this).attr('title', '').removeClass('outline');
            $('.myDiv').addClass('outline');
        }
    );

$('.myDiv').hover(
        function() {
            $(this).attr('title', 'Change background').addClass('outline');             
        },
        function () {
            $(this).attr('title', '').removeClass('outline');
        }
    );