[Resolvido] SHOW / HIDE - Div é exibida ao recarregar página

[Halt 0]

Estou usando SHOW / HIDE em uma div:

 

  $('#div1').hide();

$('#btn1').click(function(event){
event.preventDefault();

  $('#div1').show();

});

 

O problema é que quando eu abro a página ou recarrego, a div1 que está em estado inicial Hide pisca na tela, quando não deveria ser exibida até que o usuário clique no botão para abri-la.

 

Alguém tem alguma solução?

[William Bruno 1501]

esconda com css.

[Halt 0]

esconda com css.

 

Obrigado pela resposta W. Bruno, eu ainda não tinha pensado nisso.

 

Você poderia esclarecer um pouco mais? Por favor.

[William Bruno 1501]

não entendi a sua dúvida cara..

 

<style>#div1 { display: none; }</style>

[Halt 0]

não entendi a sua dúvida cara..

 

<style>#div1 { display: none; }</style>

 

Ok W.Bruno, isso é pra esconder, mas e para exibir quando o usuário clicar no btn?

 

Agora entendi! Testei aqui e funcionou. Valew