Fala galera, beleza?
Estou fazendo uma página que exibe um contrato pra pessoa. Nele tem alguns campos que podem ser preenchidos. Mas como as vezes fica longo, estou tentando fazer um modo simplificado, que ao ser ativado, mostra apenas os campos inputs.
Pensei em usar o jquery pra esconder tudo e exibir somente os inputs, porém ao aplicar no contexto geral ele não deixa exibir o que está dentro. Existe alguma maneira de voltar a exibir itens que foram escondidos pelo elemento pai?
Um exemplo
<div id="result">
<p>Aqui um paragrafo</p>
<p>Outro paragrafo: Preencha <input type="text" class="resize" /></p>
<p>Outro input <input type="text" class="resize" /></p>
</div>
Ai achei que isso funcionaria, devido ao elemento pais ter
$("#result").hide(); //Ou talvez $("p").hide();
$("input").show();
Preciso aplicar um display:none de alguma maneira no contexto geral, pra que eu possa exibir apenas os inputs com uma formatação mais agradável.
Alguma sugestão?