JSFiddle - React, Tailwind, and code Playground

by Md. Atiquzzaman Soikat

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="contacts">A B C D E F G H I J K <a href="#">LINK</a> M N O P Q R S T U V W X Y Z</div>
<div class="dida">VOILA</div>

CSS

.dida{opacity:0}
.block{opacity:1}

JavaScript

$(document).on("mouseenter", ".contacts", function(e) {
			console.log(e);
      console.log(e.toElement);
      $(".dida").addClass("block")
    })
    
    $(document).on("mouseleave", ".contacts", function() {
      $(".dida").removeClass("block")
    })