Botón de javascript solo funciona a la segunda

[boasondas74]

Buenos días,
no estoy muy puesto en javascript y me estoy rompiendo la cabeza con el siguiente código:

Código:

<script type="text/javascript"> 
	function modificarEstilo(capa) { 
	if (capa.style.height == "0px") { 
	capa.style.height = "75px"; 
	}else { 
	capa.style.height = "0px"; 
	} 
	} 
</script> 
<div id="capa">
<form method="get" id="searchform" action="<?php echo home_url( '/' ); ?>">
		<input type="text" class="field" name="s" id="s" placeholder="<?php esc_attr_e('search here &hellip;', 'responsive'); ?>" />
		
	</form>
</div>
<div class="boton_buscador"><a href="#" onClick="modificarEstilo(capa)"><img src="<?php echo get_bloginfo('template_url'); ?>/images/find_bottom.jpg" width="75" height="75" alt="Buscar"></a></div>
</div>

Es un botón que al darle aumenta el height de una capa que tiene 0. El problema es que no funciona a la primera, tengo que darle dos veces para que funcione.
¿Sabríais por qué?

Muchas gracias de antemano.

Un saludo.