Div ocultos alguna sugerencia ??

[vili86]

Amigos me podrian explicar por favor como debe proceder a mi problema ya solucione lo anterior pero ahora la cosa pasa por aqui antes de mostrar si en numero esta habilitado o no ya me muestra el DIV y queria saber si cuando accione el boton recien me muestre el mensaje:
http://img257.imageshack.us/img257/691/71109799.jpg

Y este es cuando me comprueba.
http://img405.imageshack.us/img405/6711/89710177.jpg

La idea es que se pierda el DIV antes de generar la prueba se pude hacer eso

Código css:

<style>
  #texto{
  font:Arial, Helvetica, sans-serif;font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight: 300; color:#FF0000;
  }
  #botonVerificacion{
  width:70px; height:25px; -moz-border-radius: 15px;background-color :#990000; border:1px; border:1px ; padding-left:7px; padding-right :7px; padding:3px;
  color:#FFFFFF;font:Arial, Helvetica, sans-serif; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight: 300;
  }
  .mensaje{
     border: 1px solid #990000; font-size: 8pt; padding:5px; margin-top:10px; width: 250px;
      
  }     
</style>
 

Código html:

<tr>
            <div id="demo" style="width:600px;" align="center">
             <td id="carlos" style="text-align:left">Nº Registro:</td>
             <td><input name="registro_fbf" type="text" size="15"  id="verificacion" readonly="true"/> <a href="javascript:void(null);" id="texto" >Generar</a>  <button type="button" id="botonVerificacion" onClick="nuevoEvento('verificacion')" >Comprobar</button>
             <div  class="mensaje" id="error">
                </div>
            </div> 
            
             </tr>