JSFiddle - React, Tailwind, and code Playground

by Cerlin ST

HTML

<span class="buy1">
  <h3><a href="#">buy</a></h3>
</span>

CSS

.buy1 a{
    opacity:0;
}

JavaScript

$(document).ready(function () {
    $("span.buy1 a").hover(function () {
        $(this).stop().animate({"opacity" : "1"});
    }, function () {
        $(this).stop().animate({"opacity" : "0"});
    });
});