JSFiddle - React, Tailwind, and code Playground
HTML
<div id="menu">
<div id="a">A</div>
<div id="b">B</div>
<div id="c">C</div>
</div>
<div id="conteudo"></div>
CSS
#menu > div {
display: inline;
padding: 0 20px;
border: 1px solid black;
cursor: pointer;
}
#conteudo > div.visivel {
display: block;
}
JavaScript
$('#menu > div').on('click', function () {
url = '/shmD9/show';
var aClasse = this.id;
$.ajax({
url: url,
success: function (returnhtml) {
var tempText = (returnhtml.split('<body>'))[1].split('</body>')[0];
var divEnscolhido = $('<div></div>').append(tempText).find('.' + aClasse);
$('#conteudo').html(divEnscolhido);
}
});
});