JSFiddle - React, Tailwind, and code Playground

HTML

<script   src="https://code.jquery.com/jquery-3.1.1.js"   integrity="sha256-16cdPddA6VdVInumRGo6IbivbERE8p7CQR3HzTBuELA="   crossorigin="anonymous"></script>

<div id="container1">
<div class="one">
I love cat
</div>
</div>

<br>
<div id="container2">
<div class="two">
I don't like cat
</div>
</div>

CSS

.one {
  height:30px;
  width:250px;
  background-color:red;
}
.two {
  height:30px;
  width:250px;
  background-color:blue;
}

.three {
  background-color:green;
}

JavaScript

$('div.one').hover(function(){
    $('div.two').toggleClass('three');
});