JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<div>
  <div class = "controls">
    <div>1</div>
    <div>2</div>
    <div>3</div>
  </div>
  <div class = "change-it">
    <div>1</div>
    <div>2</div>
    <div>3</div>
  </div>
</div>

CSS

.controls div, .change-it div{
  display:inline-block;
  width:100px;
  height:100px;
  padding:25px;
  margin:10px;
}

.controls div{
  background: orange;
}

.change-it div{
  background:red;
}

.active{
  background:dodgerblue!important;
}

JavaScript

$('.controls>div').click(function(){
	var index = $('.controls>div').index(this);
  $('.change-it>div').eq(index).toggleClass('active');
});