JSFiddle - React, Tailwind, and code Playground
HTML
<button>1</button>
<button>2</button>
<button>3</button>
<button>4</button>
<button>5</button>
<div id="content">
</div>
<div id="content1">
jjjjjjj
</div>
<div id="content2">
hhhhhh
</div>
<div id="content3">
gggg
</div>
<div id="content4">
ffff
</div>
<div id="content5">
cccc
</div>
CSS
#content {
background-color: yellow;
}
JavaScript
$('button').bind('click', function() {
$('div#content').html($('div#content' + ($(this).index()+1)).html());
});