O que você pode fazer é transformar os caracteres maiúsculos em minúsculos ou vice-versa em ambos os casos para a comparação. Com relação aos acentos, você pode substituí-los utilizando uma regex. Você precisaria passar os valores dos parágrafos nos textos e comparar um a um.
$("#textFind").keyup(function(){
var stringPesquisa = $(this).val().toLowerCase();
stringPesquisa = stringPesquisa.replace(/[áàãâä]/gi,"a")
.replace(/[éè¨ê]/gi,"e")
.replace(/[íìïî]/gi,"i")
.replace(/[óòöôõ]/gi,"o")
.replace(/[úùüû]/gi, "u")
.replace(/[ç]/gi, "c")
.replace(/[ñ]/gi, "n")
.replace(/[^a-zA-Z0-9]/g," ")
$('p').parent().hide();
$('p').each(function(){
var stringP = $(this).text().toLowerCase();
stringP = stringP.replace(/[áàãâä]/gi,"a")
.replace(/[éè¨ê]/gi,"e")
.replace(/[íìïî]/gi,"i")
.replace(/[óòöôõ]/gi,"o")
.replace(/[úùüû]/gi, "u")
.replace(/[ç]/gi, "c")
.replace(/[ñ]/gi, "n")
.replace(/[^a-zA-Z0-9]/g," ");
if(stringP.search(stringPesquisa) >= 0) {
$(this).parent().show();
}
});
});
div{
margin: 10px;
border: 1px solid #333;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="textFind">
<br>
<div id="div01" style="">
<h2> Título 1 </h2>
<p> Esse texto está aqui para ser pesquisado.</p>
<p> Esse outro texto também vai ser pesquisado.</p>
<p> Texto que vai ser que o usuário vai pesquisar digitando no input.</p>
</div>
<div id="div02" style="">
<h2> Título 2 </h2>
<p> esse parágrafo deve aparecer se o texto digitado estiver nessa div.</p>
<p> esse outro parágrafo vai obedece ao mesmo critério.</p>
<p> o usuário vai digitar no input e essa div deve aparecer.</p>
</div>
O trecho de código da RegEx foi tirado dessa resposta do SOen. Só fiz algumas alterações no código, talvez você deva deixá-lo mais performático.