Problema com botão mostrar/esconder DIV

[Giosepe Luiz]

Olá pessoal,

Tenho um probleminha com um botão que tem 2 funções em uma, de mostrar e esconder uma div. Ao abrir a página a DIV está oculta e ao acionar o botão ela aparece, e ao clicar de novo ela oculta. Tudo funciona ok, o detalhe só só quando aciona pela primeira vez, que a pessoa tem que dar 2 cliques para funcionar. Sabem o que poderia ser? Espero ter explicado bem, segue o código:

-----------------------------------------------------------------------------------------------------

<div style="padding:0; margin: 0" class="spoiler">

<style>

#pop{

display:none;

position:absolute;

top:50%;

left:50%;

margin-left:-239px;

margin-top:134px;

padding:20px;

width:500px;

height:344px;

border:4px solid #5F210A;

border-right: 0px;

background: #fff;

}

#pop p { background-color: transparent; }

</style>

<div id="pop">

<p><b><font color="#8F0000;" style="text-transform: uppercase">S06E01 - Titulo</font></b><br>

<b>Data:</b> Data<br>

Texto

</div>

<center>

<table width="230" style="margin-top: 10px; text-align:left" cellpadding=0><tr><td valign=top>

<p class="titulo" style="padding-top: 25px; padding-left: 30px;">S06E01</p><br>

<p class="titulo" style="padding-top: 155px; text-align: center; border: 0px solid;">Titulo</p>

<p style="background: transparent; padding-left: 15px; color: #000"><b>Data:</b> Data><br>

<input type="button" value="Exibir Sinopse" class="sinopse" onclick="if (document.getElementById('pop').style.display == 'none') { document.getElementById('pop').style.display='block';this.innerText = ''; this.value = 'Esconder Sinopse'; } else { document.getElementById('pop').style.display = 'none'; this.innerText = ''; this.value = 'Exibir Sinopse'; }" style="margin: 10px 0 10px 0"></p>

</td></tr></table>

</center>

</div>

-----------------------------------------------------------------------------------------------------

Obrigado desde já.

[jefmolino]

tenta isso

troque

<div id="pop">

por

<div id="pop" style="display:none;">

No momento em que você clica no botão... não existe um style display na sua div, por conta disso ele assume a função "else" do seu botão... que inibi sua div... quando você clica na segunda vez, ele adicionou o display a sua div, dessa forma no segundo clique ele funciona corretamente

Abraços!

[Giosepe Luiz]

tenta isso

troque

<div id="pop">

por

<div id="pop" style="display:none;">

No momento em que você clica no botão... não existe um style display na sua div, por conta disso ele assume a função "else" do seu botão... que inibi sua div... quando você clica na segunda vez, ele adicionou o display a sua div, dessa forma no segundo clique ele funciona corretamente

Abraços!

Nossa, muito obrigado jefmolino, deu certinho... Agora funciona. Algo tão simples mas que parece que não faz diferença.

Agora funciona perfeitamente.

Obrigado.

Tópico Fechado.