Acho que seria isso que você precisa, fiz o exemplo abaixo veja se te atende.
Resumo do codigo:
Os inputs que você quer que aparece após clicar em incluir, foi adicionado a classe do css: escodido assim: class="escondido".
Criei a classe no css: *Obs se vc usar Bootstrap pode substituir a classe escondido por Hidden que tem a mesma função.
.escondido{
display:none;
}
Adicionei o método ao botão com o evento click (Pode ser usado em outras chamadas do sistema ai vai de você )
Foi usado JQuery, o método remove todos as classes:Escondido de todos os inputs que a possuem, Fazendo com que os inputs apareçam
Espero que te atenda.
$("input[type='submit']").click(function() {
$(".escondido").removeClass("escondido");
});
.escondido{
display: none;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<div id="produto">
<input type="text" name="produto"> <input type="text" name="quantidade"> <input type="text" name="valor"> <input type="text" name="subtotal"> <input type="submit" value"Incluir">
<!-- Campos que ficarao escondidos -->
<input type="text" class="escondido" name="codigo_produto"> <input type="text" class="escondido" name="ean"> <input class="escondido" type="text" name="un_medida"> <input type="text" class="escondido" name="descricao"> <input type="text" class="escondido" name="tributos">
</div>
id="produto[]"
?