JSFiddle - React, Tailwind, and code Playground

by slawe

HTML

<div id="profile_list">
     <ul id="nesto">
         <li><a href"#" class="dugme">prvi</a></li>
         <li><a href"#" class="dugme">drugi</a></li>
         <li><a href"#" class="dugme">treci</a></li>
         <li><a href"#" class="dugme">cetvrti</a></li>
    </ul>

</div>

CSS

#nesto li{
    display: inline-block;
    float: left;
    padding: 5px; 
    margin: 10px;
    cursor: pointer;
}

#profile_list a.active ,#profile_list a.visited  {
    color: green;
}

JavaScript

$('#profile_list a').click(function()
{
    
    $('#profile_list a').removeClass("active");
    $(this).addClass('active');
    
});