Buenas Carcx,
el código html que tengo es un listado con tres cajas y quisiera que al clickear en la última apareciera el input sobre todo el listado - id="menu" -. He probado a ocultar y mostrar otra capa por encima pero no me sale, aparte que no tiene ningún efecto:
<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="" class="nivel search"><span>Type your search</span></a></p>
<div style="display:none;"><form><input type="text" placeholder="Type your search" /></form></div>
</li>
</ul>
</div>
Muchas gracias