JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="creamenu" class="menuHolder">
                    <li><a id="creative-events-menu" href="#/creative-events">creative events</a></li>
                    <li><a id="creative-ajans-menu" href="#/creative-ajans">creative ajans</a></li>
                    <li><a id="incentive-travel-menu" href="#/incentive-travel">incentive travel</a></li>
                </ul>
                <ul id="mainmenu" class="menuHolder">
                    <li><a id="hakkimizda-menu" href="#/hakkimizda">hakkımızda</a></li>
                    <li><a id="haberler-menu" href="#/haberler">haberler</a></li>
                    <li><a id="galeri-menu" href="#/galeri">galeri</a></li>
                    <li><a id="referanslar-menu" href="#/referanslar">referanslar</a></li>
                    <li><a id="iletisim-menu" href="#/iletisim">iletişim</a></li>
</ul>





div id="footer-menu">
                <ul class="menuHolder">
                    <li><a id="creative-events-menu" href="#/creative-events"></a>a</li>
                    <li><a id="creative-ajans-menu" href="#/creative-ajans"></a>a</li>
                    <li><a id="incentive-travel-menu" href="#/incentive-travel"></a>a</li>
                </ul>
                    <ul class="menuHolder">
                    <li><a id="hakkimizda-menu" href="#/hakkimizda"></a>a</li>
                    <li><a id="haberler-menu" href="#/haberler"></a>a</li>
                    <li><a id="galeri-menu" href="#/galeri"></a>a</li>
                    <li><a id="referanslar-menu" href="#/referanslar"></a>a</li>
                    <li><a id="iletisim-menu" href="#/iletisim"></a>a</li>
</ul>                
            </div>

CSS

.menu-active {
  background: #5f5;   
}

JavaScript

$('#mainmenu a').click(function(){    
    $(this).parent().addClass('menu-active').
    siblings().removeClass('menu-active');
});