JSFiddle - React, Tailwind, and code Playground

by sas_sam

HTML

Filter: <input type="text" id="search" />
<ul id="theList">
    <li><a href="#">Database</a></li>
    <li><a href="#">Graphic Design</a></li>
    <li><a href="#">IT Office Skills</a></li>
    <li><a href="#">Networking</a></li>
    <li><a href="#">Project Management</a></li>
    <li><a href="#">Service Helpdesk & Technical Support</a></li>
    <li><a href="#">Web Design</a></li>
    <li><a href="#">Web Development</a></li>
    <li><a href="#">All IT courses</a></li>
</ul>

JavaScript

$(function() {

    $("#search").keyup(function() {
        var value = $(this).val();

        $("#theList li").each(function() {
            if ($(this).text().toLowerCase().search(value) > -1) {
                $(this).slideDown(100);
            }
            else {
                $(this).slideUp(100);
            }
        });
    });
});