JSFiddle - React, Tailwind, and code Playground

HTML

<div id="live-search"><input type="input" placeholder="Enter Country" id="live-search-box"></div>
<div id="countries">
      <span id="afghanistan"><h3>Afghanistan</h3><p>Bacon ipsum dolor sit amet ad elit pork loin commodo rump. Excepteur dolor capicola, brisket tenderloin ham hock chuck. Anim id incididunt ad nostrud occaecat. Tri-tip shank ut, incididunt frankfurter venison prosciutto dolore. In turducken ut, turkey andouille nisi anim minim reprehenderit duis pork loin pancetta qui.</p></span>
    <span id="albania"><h3>Albania</h3><p>Bacon ipsum dolor sit amet ad elit pork loin commodo rump. Excepteur dolor capicola, brisket tenderloin ham hock chuck. Anim id incididunt ad nostrud occaecat. Tri-tip shank ut, incididunt frankfurter venison prosciutto dolore. In turducken ut, turkey andouille nisi anim minim reprehenderit duis pork loin pancetta qui.</p></span>
    <span id="algeria"><h3>Algeria</h3><p>Bacon ipsum dolor sit amet ad elit pork loin commodo rump. Excepteur dolor capicola, brisket tenderloin ham hock chuck. Anim id incididunt ad nostrud occaecat. Tri-tip shank ut, incididunt frankfurter venison prosciutto dolore. In turducken ut, turkey andouille nisi anim minim reprehenderit duis pork loin pancetta qui.</p></span>
    <span id="andorra"><h3>Andorra</h3><p>Bacon ipsum dolor sit amet ad elit pork loin commodo rump. Excepteur dolor capicola, brisket tenderloin ham hock chuck. Anim id incididunt ad nostrud occaecat. Tri-tip shank ut, incididunt frankfurter venison prosciutto dolore. In turducken ut, turkey andouille nisi anim minim reprehenderit duis pork loin pancetta qui.</p></span>
    <span id="angola"><h3>Angola</h3><p>Bacon ipsum dolor sit amet ad elit pork loin commodo rump. Excepteur dolor capicola, brisket tenderloin ham hock chuck. Anim id incididunt ad nostrud occaecat. Tri-tip shank ut, incididunt frankfurter venison prosciutto dolore. In turducken ut, turkey andouille nisi anim minim reprehenderit duis pork loin pancetta qui.</p></span>
...

CSS

div { padding: 1em; margin: 1em; background: #eee; border: 1px solid #ccc; }
input { width: 95%; font: 1.25em Georgia; }
h3 { font: 1.5em/2em Georgia; margin-bottom: 0; }

p { padding: 0 0 .2em 1em; border-bottom: 1px solid #ccc; margin:0;}

JavaScript

$('#live-search').on('keyup', '#live-search-box', function() {
    $('#countries').find('span').show();
    if (this.value) {

        $('#countries').find('span').hide();
        $('#countries').find('span[id^=' + this.value.toLowerCase() + ']').fadeIn('fast');

    }

});
$('#live-search').on('keydown', '#live-search-box', function(e) {
    if (e.which === 13) {
        e.preventDefault();
    }
});