JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" id="apoforfomirsform" />

<div id="apotextblock"> 
<a id="apotexttofind">apo-ucoz</a><br/> 
</div>

<div id="apotextblock"> 
<a id="apotexttofind">apo-ucoz.com</a><br/> 
</div>

<div id="apotextblock"> 
<a id="apotexttofind">http://apo-ucoz.com</a><br/> 
</div>

<div id="apotextblock"> 
<a id="apotexttofind">Заголовок номер раз</a><br/> 
</div>

<div id="apotextblock"> 
<a id="apotexttofind">Заголовок номер два</a><br/> 
</div> 

<div id="apotextblock"> 
<a id="apotexttofind">Заголовок номер три</a><br/> 
</div>

<div id="apotextblock"> 
<a id="apotexttofind">Заголовок номер четыре</a><br/> 
</div>

<div id="apotextblock"> 
<a id="apotexttofind">Предложение номер раз</a><br/> 
</div>

<div id="apotextblock"> 
<a id="apotexttofind">Предложение номер два</a><br/> 
</div> 

<div id="apotextblock"> 
<a id="apotexttofind">Предложение номер три</a><br/> 
</div> 

<div id="apotextblock"> 
<a id="apotexttofind">Предложение номер четыре</a><br/> 
</div>

CSS

#apotextblock, #apoforfomirsform {
    width:300px;
    height:20px;
    padding:5px;
    margin:10px;
    border:1px dashed #aaa;
}

JavaScript

$(document).ready(function() {
    $('#apoforfomirsform').keyup(function() {
        apotext = $(this).val().toLowerCase();
        if(apotext == '') {
            $('div#apotextblock').slideDown(500);
        } else {
            $('div#apotextblock').fadeOut(0);
            $('a#apotexttofind').each(function() {
                if($(this).text().toLowerCase().indexOf(apotext) != -1) {
                    $(this).parent('#apotextblock').stop().fadeTo(300, 1);
                    /*
                    Если у вас версия jQuery ниже 1.7.2, то используйте такую конструкцию:
                    $(this).parent('#apotextblock').fadein(100);
                    */
                };
            });
        };
    });
});