Add active class on click to menu item at same time remove active class from sibling element through jquery

by abhishek bhandari

HTML

<ul class="navmenu">
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
</ul>

CSS

.navmenu {
  display: flex;
  justify-content: space-between;
}

.navmenu li{
  list-style: none;
}
.navmenu li.active a{
  color: green;
}

JavaScript

jQuery(".navmenu").on('click','li',function(){ 
   jQuery(this).addClass("active").siblings().removeClass("active"); 
 });