JSFiddle - React, Tailwind, and code Playground

HTML

<div id="nav">
    <a href="#about" id="nav_about">ABOUT</a><br />
    <a href="#pictures" id="nav_pictures">PICTURES</a><br />
    <a href="#contact" id="nav_contact">CONTACT</a>
</div>

CSS

a, a:active, a:visited {
    color:#1d1d1d;
    text-decoration:none;
}
a:hover {
    text-decoration:underline;
}

JavaScript

$('menu').click(function(){
    $('menu').css("textDecoration", "none"); 
    $(this).css('textDecoration', 'underline');
    return false;
});