Campos aparecem e somem ao carregar pagina com jquery

[emanuel_pereira]

olá amigos, sou iniciante em jquery e no meu sistema eu tenho um link para um usuario fazer um comentario,

quando ele clica em comentar ai aparece um input texto e um botao comentar, ele ta funcionando normal mais o problema é que

toda vida que alguém abre a página ou atualiza ela, ele mostra bem rapido esses campos e depois somem.

como resolvo esse problema?

Obrigado!!!

[Jonathan Queiroz]

Se possível poste o link do site ou o código. Só pela descrição do problema não dá pra saber exatamente do que se trata.

[emanuel_pereira]

o codigo:

o codigo jquery:

<script type="text/javascript">
            $(document).ready(function(){                
                $('.paragrafo span').hide();

                $('.botao').click(function(){
                    var $this = $( this );
                    window.setTimeout(function(){
                        $this.parent('div').find('span').show();
                    });
                });
            });
</script>

o codigo html:

<div class="paragrafo">
<input type="button" class="botao" id="botaoComentar" value="Comentar">
<span>
<form method="post" action="comentar.php">
     <br><input type="text" name="comentario" class="input-comentar"> <input type="submit" value="Comentar" class="comentar">
</form>
</span>                                     
</div>

aguardo o retorno e obrigado!!!

[Jonathan Queiroz]

Ah sim, agora entendi.

O objetivo é fazer que os campos não apareçam na tela, isto é, quando a página carregar eles já estejam invisíveis?

Se sim, poderia resolver o problema usando CSS.

.paragrafo span
{
    visibility: none;
}

E o javascript ficaria assim:

$(document).ready(function(){
    $('.botao').click(function(){
        var $this = $( this );
        window.setTimeout(function(){
            $this.parent('div').find('span').show();
        });
    });
});