JSFiddle - React, Tailwind, and code Playground
HTML
<!-- botao que "clona" a div (engloba) -->
<form>
<input type="button" name="" value="+" id="mais">
</form>
<div id="conteudo_engloba">
<div class="engloba">
<a onClick="Listagem(0, this);">DIV1</a>
<a onClick="Listagem(1, this);">DIV2</a>
<a onClick="Listagem(2, this);">DIV3</a>
<div>DIV 1</div>
<div>DIV 2</div>
<div>DIV 3</div>
</div>
</div>
JavaScript
function Listagem(index, el) {
var divs = el.parentElement.querySelectorAll('div');
for (var i = 0, l = divs.length; i < l; i++) {
divs[i].style.display = i == index ? 'block' : 'none';
}
}
$(document).ready(function() {
var linha = $(".engloba:first").clone();
$("#mais").click(function() {
$("#conteudo_engloba").append(linha.clone());
});
});