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);