JSFiddle - React, Tailwind, and code Playground

by Alfie

HTML

<div><a href="#" >Link 1</a>
<a href="#" >Link 2</a>
<a href="#" >Link 3</a>
</div>
<div id="contain"></div>

CSS

#contain{
    background:red;
    width:100px;
height:100px;
}
#contain_1{
    background:green;
       width:100px;
height:100px;
}
#contain_2{
    background:blue;
       width:100px;
height:100px;
}
#contain_3{
    background:lightblue;
       width:100px;
height:100px;
}

JavaScript

$('a').on('click', function () {
    $('[id^="contain"]').attr('id', 'contain_' + ($(this).index()+1))
});