JSFiddle - React, Tailwind, and code Playground

by Hari Menon

HTML

<div  class="list">
    <ul class="nameList">
        <li id="Heather">Heather</li>
        <li id="Cruz">Cruz</li>
        <li id="Donny">Donny</li>
        <li id="Jimmy">Jimmy</li>
    </ul>
</div>
<div id="buttonList">
    <form class ="buttonNames">
        <input type="button" id="Heather" value ="Heather"/>
        <input type="button" id="Cruz" value ="Cruz"/>
        <input type="button" id="Donny" value ="Donny"/>
        <input type="button" id="Jimmy" value ="Jimmy"/>
    </form>
</div>

JavaScript

$('#buttonList input').click(function() {
    $('li').hide();
    $('li#' + this.id).toggle();
});