JSFiddle - React, Tailwind, and code Playground

HTML

<div id="buttons">
    <div class="services active">services</div>
    <div class="services">services</div>
    <div class="services">services</div>
    <div class="home">home</div>
</div>

<div class="primary-color">Primary-color</div>

CSS

.active {
    width: 100px;
    height: 100px;
    border: 1px solid #e1e1e1;
    background: red; 
}


.pm_1 { }
.pm_2 { background: green; }

JavaScript

$(document).ready(function() {
    $("#buttons > div").on("click", function() {
				$("#buttons > div").removeClass('active');
       $(this).addClass('active');
       
            // Remove all classes
              
    });
});