mal funcionamiento en script

[JAK^]

hola que tal?? en este script lo que intento es que al hacer clic en un boton un div aparesca y desaparesca cuando se cliquea de nuevo. en IE funciona CASI bien, pues en el primer clic no hace nada pero despues si se cliquea el boton de nuevo ya funciona perfecto aparece y desaparece, en firefox no hace nada de nada

Código HTML:

<script language="javascript">
function expcontr() { 
	var buscador = document.getElementById('buscador'); 
	var barbusc = document.getElementById('barra-dir');

	var btnabrir = document.getElementById('btn-abrir');
	if(buscador.style.display == 'none'){      
		barbusc.style.height='300px';
		buscador.style.display = 'block';
   	

		btnabrir.value = "Cerrar Buscador";
	}   else { 
	     barbusc.style.height='30px';
		 buscador.style.display = 'none'; 

		btnabrir.value = "Abrir Buscador";
	}  
 return false;
}

</script>

.
.
.
.
.
.
  <div id="barra-dir">
      
      <div align="right" id="div-abrir">
        <input type="submit" name="button" id="btn-abrir" value="Abrir Buscador"  onclick="javascript:expcontr()"/>
      </div>
          
      
      <div id="buscador"><? include("buscador.php");?></div>
    </div> 

muchisimas graciassss por su tiempo!!!!!!!!!!!!!!!

[JAK^]

ya logre hacer que ande en fire fox, pero anda igual que en ie, el primer clic no hace nada

[AlvaroG]

Probablemente ese primer "clic fantasma" sea por esta comprobación:

Código javascript:

if(buscador.style.display == 'none'){
 

Probá esto (casi lo mismo, pero también va a atrapar el caso en el que 'display' no aparezca como definida:

Código javascript:

if(buscador.style.display !== 'block'){
 

Con respecto al problema de Firefox, lo mejor que podés hacer es comprobar la consola de errores, pero me suena a que quizás esos ID con guiones le están dando problemas (el guión no está admitido como parte de un identificador, mejor sustituirlos por _)


Saludos.

[JAK^]

alvlin!! graciass!! funciona perfecto con lo que me dijiste

nos vemos