Exibir/Ocultar div após o envio do formulário

Boa tarde pessoal,

estou com um probleminha, creio que é "fácil" de se resolver, mais to quebrando a cabeça.

Seguinte, tenho a div#form e o seguinte formulário:

<div id="form">
<form method="post" action="enviar.php" onsubmit="return enviardados();">

<input type="text" id="name" name="name"/>

<input name="email" type="text" id="email" />

<textarea name="message" cols="60" rows="5" id="message"></textarea>

<input id="submit" name="submit" type="submit" value="Enviar" />

</form>
</div>

e Tenho uma div oculta ( div#sucess ), a qual quero que seja exibida após a validação e envio do formulário:

<div id="sucess" style="display: none;"><p>SUA MENSAGEM FOI ENVIADA</p></div>

e a seguinte função onde os dados são validados:

<script language="JavaScript" >
function enviardados(){

if(document.dados.name.value=="" || document.dados.name.value.length < 8)

{

alert( "O campo Nome deve conter pelo menos 8 caracteres!" );
document.dados.name.focus();
return false;
}

if( document.dados.email.value=="" || document.dados.email.value.indexOf('@')==-1 || document.dados.email.value.indexOf('.')==-1 )
{

alert( "Preencha campo E-mail corretamente!" );
document.dados.email.focus();
return false;
}

if (document.dados.message.value=="")

{

alert( "Você não pode enviar uma mensagem em branco!" );
document.dados.message.focus();
return false;
}

if (document.dados.message.value.length < 20 )

{

alert( "Sua Mensagem deve conter pelo menos 20 caracteres!" );
document.dados.message.focus();
return false;
}
return true;
}
</script>

e tenho uma outra página, enviar.php responsável pelo envio do e-mail. (creio que nao será necessária o uso dela aqui)

Então, meu problema é o seguinte, estou querendo por uma função junto com a function enviardados() para que quando o formuário for enviado normalmente, exibir a div oculta ( div#sucess ) e ocultar a div#form.

Tentei de várias formas mais em nenhuma delas obtive sucesso.

Gostaria da ajuda de voces.

Desde já, grato.