Clickear sobre img y abrir campo

[carscx]

El_Astur,

Prueba con este codigo:

Código 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>
 

Código Javascript:

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

Y desde aqui te paso un jsfiddle donde lo puedes probar:

http://jsfiddle.net/carscx/nqyyf6gn/