JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
        <li><a href="#">Item</a></li>
        <li><a href="#">Item</a></li>
        <li><a href="#">Item</a></li>
        <li><a href="#">Item</a></li>
    </ul>
<a href="#" id="add-item">Add item</a>

CSS

.active {
    color: red;
}

JavaScript

$('a').on('mouseenter mouseleave', function() {
    $(this).toggleClass('active');
});
$('#add-item').on('click', function(e) {
   e.preventDefault();
    $('ul').append("<li><a href='#'>New Item</a></li>");
});