Как сделать чтобы при нажатие на span менялся цвет фона данной кнопки?

Question

[santavits]

Есть такие кнопки

<span class="category-button" id="18" onclick="filterRecords(this.id)">Категория 1</span>
	<span class="category-button" id="23" onclick="filterRecords(this.id)"> Категория 2</span>
	<span class="category-button" id="24" onclick="filterRecords(this.id)">Категория 3</span>

как при нажатие на одну из них менялся цвет данной кнопки?
Вот js если нужен будет

function filterRecords(id) {	
	
		$('#services').DataTable( {
			
        	"processing": true,
        	"serverSide": true,
        	"bProcessing": true,
       	 	"bServerSide": true,
        	"ajax": "files/SSP/services.php?id="+id,
        	"destroy" : true
   	 } );
	}

Answer 1

[Даниил Сугоняев]

Так

Comments

[santavits]

Почти всё как надо, только есть большой минус
если к примеру сначала нажал на одну кнопку она сменет цвет, вторая сменет цвет, но и у первой тот цвет останется, можно ли как то сделать, чтобы высвечивалось только у последней нажатой кнопки?

[Даниил Сугоняев]

santavits, можно

[santavits]

Даниил Сугоняев, Спасибо большое)