Div aparecendo mais do que devia

[Andrew Marques 47]

Olá pessoal, fiz uma página chamada mensagens.php e nela tem o seguinte código:

 

<script>
function mostra_mensagem_ok(msg){
 $(".bg_mensagem_ok").stop().slideDown(500, function(){
  $("#mensagem_ok").text(msg);
 });
}
function fecha_mensagem_ok(msg){
  $(".bg_mensagem_ok").stop().slideUp(500);
}

function mostra_mensagem_erro(msg){
 $(".bg_mensagem_erro").stop().slideDown(500, function(){
  $("#mensagem_erro").text(msg);
 });
}
function fecha_mensagem_erro(msg){
  $(".bg_mensagem_erro").stop().slideUp(500);
}
</script>

<div class="bg_mensagem_ok" style="display:none;">
 <div class="cont_mensagem_ok">
  <p><img src="img/sucesso_msg.png" alt="" /><span id="mensagem_ok"></span><a href="#" onclick="fecha_mensagem_ok();"><img src="img/fecha_msg.png" alt="" /></a></p>
 </div>
</div>

<div class="bg_mensagem_erro" style="display:none;">
 <div class="cont_mensagem_erro">
  <p><img src="img/erro_msg.png" alt="" /><span id="mensagem_erro"></span><a href="#" onclick="fecha_mensagem_erro();"><img src="img/fecha_msg.png" alt="" /></a></p>
 </div>
</div>

 

 

O intuito disso é que todas as minhas páginas que possuem mensagens possam usar essa function..

 

Exemplo:

 

Em uma página coloquei o seguinte código:

echo "<script>mostra_mensagem_ok('Ordem de serviço excluída com sucesso!')</script>";

 

A mensagem é exibida com sucesso, com o efeito, tudo certinho...

 

Porém aparecem duas divs abaixo dela sem mensagem alguma... Aparecem no caso 3 divs bg_mensagem_ok sendo uma com a mensagem que defini o echo e outras 2 em branco..

 

O que tem de errado?

 

Obrigado, desde já...

[Bergs 53]

pelo que parece é o span #mensagem_ok que está desfigurando, manda um display block nele e vc vai ver que é nele o problema. Outra coisa seu script não rodou aqui só deu o slideDown e travou na function para fechar.

 

Dá uma organizada nessa box de mensagem o html dela está meio zuada (div sobrando) poderia ser feito com uma div só. tira o onclick do html (que só faz sujar o código).

 

Já pensou em imbutir esse html de mensagem dentro do jquery e retornar o erro ou o ok dentro de uma única div de mensagem?