JSFiddle - React, Tailwind, and code Playground

HTML

<form>
    <input type="button" name="" value="CLONAR" id="mais">
</form>

<div id="conteudo_engloba">
    <div class="engloba">
        <a onClick="Listagem(0, this);">Mostra Produto</a> -
        <a onClick="Listagem(1, this);">Mostra Imposto</a>

        <div style="display:none;">
            <h1>Produto</h1>
            <!-- select que abre divs -->
            <select>
                <option>Selecione</option>

                <option value="00">ABRE GRUPO 1</option>
                <option value="01">ABRE GRUPO 2</option>
            </select>
            <!--div que abre via Value 00 -->
            <div id="00">
                GRUPO 1
                <!-- select que abre divs dentro da outra div -->
                <select>
                    <option>Selecione</option>
                    <option value="00">ABRE SUB-GRUPO 1</option>
                    <option value="01">ABRE SUB-GRUPO 2</option>
                </select>
                <div>
                    DIV SUB-GRUPO 1
                </div>
                <div>
                    DIV SUB-GRUPO 2
                </div>
            </div>
            <div id="01">
                GRUPO 2
                <select>
                    <option>Selecione</option>
                    <option value="00">ABRE SUB-GRUPO 1</option>
                    <option value="01">ABRE SUB-GRUPO 2</option>
                </select>
                <div>
                    DIV SUB-GRUPO 1
                </div>
                <div>
                    DIV SUB-GRUPO 2
                </div>
            </div>
        </div>
        <div>
            <H1>Imposto</H1>
        </div>
    </div>
</div>

CSS

A {
    cursor: pointer;
}

#conteudo_engloba div div {
	display: none;
}

JavaScript

function Listagem(index, el) {
    var divs = [].filter.call(el.parentElement.children, function(el){
		return el.tagName.toLowerCase() == '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());
    });
    $('#conteudo_engloba').on('change', 'select', function() {
        var val = Number(this.value);
        $(this).nextAll('div').each(function(i) {
            $(this).toggle(val == i);
        });
    });
});