JSFiddle - React, Tailwind, and code Playground

by carscx

HTML

<div id="menu">
<ul>
<li class="nivel1"><a href="#" class="nivel android"><span>Android</span></a>
<ul>
<li><a href="#">ítem 1</a></li>
<li><a href="#">ítem 2</a></li>
</ul>
</li>
<li class="nivel1"><a href="#" class="nivel os"><span>iOs</span></a>
<ul>
<li><a href="#">ítem 1</a></li>
<li><a href="#">ítem 2</a></li>
</ul>
</li>
<li class="nivel1">
<p><a href="javascript:;" class="nivel search"><span>Type your search</span></a></p>
<div style="display:none;" id="div-input"><input type="text" placeholder="Type your search" /></div>
</li>
</ul>
</div>

JavaScript

$(document).on('click', '.search', function(){
    $('#div-input').slideDown(200);
});