JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
<li class="search"><a href="#">SEARCH
    <ul id="search-box-container" style="display: none;">
         <li>
             <form name="catsearchform66594" method="post" action="/Default.aspx?SiteSearchID=2829&PageID={module_oid}">
                 <div class="search-box">
                     <input class="cat_textbox_small" type="text" name="CAT_Search" id="CAT_Search" />
                     <input class="cat_button" type="submit" value="Search" />
                 </div>
              </form>
        </li>
    </ul></a>
</li>
</ul>

JavaScript

$('li.search').click(function(event){
    if($(event.target).parent().hasClass("search"))
       $('#search-box-container').toggle("fast");
});