JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#" class="favorites">Favorites</a>

CSS

a { padding:5px 10px; background:#ddd; font:12px Arial; color:blue; }
a:hover { background:#396; color:#fff; }
.checked { background:#396; color:#fff; text-decoration:none !important; font-weight:bold; }

JavaScript

//Toggle attribute
var s =$('.favorites').text();

    $('.favorites').attr('title', s);