JSFiddle - React, Tailwind, and code Playground

by codebazz

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
<a href="#" class="select" id="select1">Element1</a>
<a href="#" class="select" id="select2">Element2</a>
<a href="#" class="select" id="select3">Element3</a>

CSS

.select {
  border: 1px solid red;
}
.selected {
   background-color: red;
}

JavaScript

$(document).ready(function(){
	$('.select').click(function(){
  	$('.select').removeClass('selected');
    $(this).addClass('selected');
  });
})