JSFiddle - React, Tailwind, and code Playground

by TrueBlueAussie

HTML

<ul>
    <li><a href="#">About</a>
    <li><a href="#">Home</a>

CSS

ul { list-style: none; }
ul li a:hover { color: red; text: 'Content'; }

JavaScript

$('li a').mouseenter(function(){
    $(this).data('text', $(this).text());
    $(this).text('Content');
}).mouseleave(function(){
    $(this).text($(this).data('text'));
});