JSFiddle - React, Tailwind, and code Playground

HTML

<div class = "test">
    
    <div class = "inner">  1</div>
    
</div>

<div  class = "test">
    
    <div class = "inner">   2</div>
    
</div>

<p>
hello
</p>
<p>
Lucifer
</p>

CSS

.test
{
  width:100px;
  height:29px;
  margin:5px;
  background-color: #CCCCCC;   
}

.inner
{
    margin-left:50px;
}
.cn{
 -moz-box-shadow: 3px 3px 4px #000; 
 -webkit-box-shadow: 3px 3px 4px #000; 
 box-shadow: 3px 3px 4px #000; 
}

JavaScript

$(document).ready(function() {
  $(".test").hover(function(){ $(this).toggleClass('cn'); });
});