I think this is what you need, I did the example below see if it suits you.
Summary of the code:
The inputs you want to appear after clicking include, have been added to the css class: escoded like this: class="hidden".
I created the class in css: * Note that if you use Bootstrap you can replace the hidden class with Hidden that has the same function.
.escondido {
display: none;
}
I added the method to the button with the click event (Can be used on other system calls there goes from you)
JQuery has been used, the method removes all classes: Hidden from all inputs that have it, Making inputs appear
I hope it caters to you.
$("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><divid="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>