JSFiddle - React, Tailwind, and code Playground

HTML

<li><a href="#" id="HCLink">HEATING & COOLING | </a> </li>
 <div class="HCContent" style="display:none;">
   <p>Div Content...</p>
 </div>

JavaScript

$("#HCLink").on("mouseenter",function(){
        $(".HCContent").show("slow");
    });