JSFiddle - React, Tailwind, and code Playground

by ponyspy

HTML

<div>div</div>

CSS

div::after {
    content: attr(data-content);
    display: attr(data-display);
}

JavaScript

$('div').hover(
    function()
    {
        $(this).attr('data-content',':over').attr('data-display','block');
    },
    function()
    {
        $(this).attr('data-content',':out').attr('data-display','inline');
    }
);