Podes fazer isso assim: <!-- begin snippet: js hide: false console: true babel: false --> <!-- language: lang-js --> (function(bts) { bts.each(function() { var inputs = $(this).closest('section').find('input'); inputs.on('change', verificarInputs.bind(this, inputs.get())); }); function verificarInputs(inputs) { var preenchidos = inputs.filter(i => !i.value).length == 0; $(this).toggle(preenchidos); } })($('button')); <!-- language: lang-css --> #addElements button { display: none; } <!-- language: lang-html --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="addElements"> <section> <input type="text" name="exame" id="examedisciplina" placeholder="Nome da disciplina"> <input type="date" id="dataExame"> <button type="button" id="add_exame" onclick="addToTableExame()">Adicionar Exame</button> </section> <section> <input type="text" name="teste" id="testedisciplina" placeholder="Nome da disciplinas"> <label id='label5'>Data:</label> <input type="date" id="dataTeste"> <button type="button" id="add_teste" onclick="addToTableTeste()">Adicionar Teste</button> </section> <section> <input type="text" name="trabalho" id="trabalhodisciplina" placeholder="Nome da disciplinas"> <label id='label6'>Data:</label> <input type="date" id="dataTrabalho"> <button type="button" id="add_trabalho" onclick="addToTableTrabalho()">Adicionar Trabalho</button> </section> </div> <!-- end snippet --> Organizei o HTML um pouco. A ideia no JavaScript / jQuery é correr uma função cada vez que o input muda e gerar um boleano para saber se está tudo preenchido: var preenchidos = inputs.filter(i => !i.value).length == 0; depois mostrar ou esconder o `button` conforme o valor de `preenchidos` com $(this).toggle(preenchidos);