JSFiddle - React, Tailwind, and code Playground

by bluey

HTML

<input type='text' class='hushLookup' />
<ul class='lookup_wrapper'>
    <li class='lookup_node'>$hush
        <ul>
            <li class='lookup_entry'>music1</li>
            <li class='lookup_entry'>music2</li>
        </ul>
    </li>
    <li class='lookup_node'>$query
        <ul>
            <li class='lookup_entry'>db1</li>
            <li class='lookup_entry'>db2</li>
        </ul>
    </li>
</ul>

JavaScript

$(function () {

    $('.lookup_wrapper li ul li').hide();

    $('.hushLookup').keyup(function () {
        if $( "li:contains(' ')" ).hide();
        //alert($('.hushLookup').val());
     //   $('.lookup_wrapper li ul li').find($('.hushLookup').val());
        
        $( "li:contains('"+$('.hushLookup').val()+"')" ).show();
        
    });
});