Problema para ocultar div con JS

[VbOkonly]

Hola a todos, este es mi form

Código HTML:

<form action="borrarestado.php" method="post" name="borrarestado" id="borrarestado">
  <input name="borrarid" type="hidden" id="borrarid" value="<?php echo $mostrarestados['id'];?>" />
  <input type="button" name="ifborrar" id="ifborrar" value="Borrar Estado" onClick="ifborrar();" />
    <input name="Borrado" type="submit" style ="display:none;" class="botones" id="Borrado" value="Deseo borrar mi estado"/>
  </form>
 

quiero que al apretar "ifborrar", este desaparesca y aparesca "Borrado" que esta oculto ...
Intenté con este codigo que hize, que busca por id, pero no funciona :/:

Código Javascript:

<script>
function ifborrar() 
{
div = document.getElementById('ifborrar');
div.style.display ="none";
div2 = document.getElementById('Borrado');
div2.style.display ="";
}
</script>
 

Muchas gracias :D de antemano!

[VbOkonly]

Hola a todos, lo acabo de solucionar de otra manera ...

Código Javascript:

<script>
function confirmar() 
{
document.borrarestado.ifborrar.style.display = "none";
document.borrarestado.Borrado.style.display = "";
}
</script>
 

Saludos a todos!

[InKarC]

document.borrarestado.Borrado.style.display = "";

Esto no es valido bajo ningun punto de vista posible. Si quieres volver al valor por defecto usa "inherit"

Aqui una lista de los valores que puede tener la propiedad CSS display : http://www.w3schools.com/css/pr_class_display.asp