[Resolvido] Problema com jQuery

[Dany X 0]

Eu estou começando a usar o jQuery, o objetivo era meramente design(show, hide, animações no geral) e ajax simplificados, porém, estou tentando aplicar em meu site e não funciona...

 

Site em questão:

http://speedlabs.net76.net/

(Meramente um protótipo, teste de alguns conceitos e idéias)

 

O que deveria ocorrer:

Você clica no botão login e e então aparece uma caixa aonde será carregado o formulário de login.

 

Porém:

Eu já fiz testes e eu consigo mexer com outras divs/elementos, porém quando eu tento usar o .show na div em questão ele não funciona...

 

Para facilitar:

jQuery:

$(document).ready(function() {
 $("img#bt_login").click(function() {
  $("div#overwindow").show();
 });
});

HTML da caixa:

<div id="overwindow">
 <div class="bck"></div>
 <div id="OW_cnt" class="cnt"></div>
</div>

HTML do botão:

<img src="images/nav_login.jpg" alt="" title="Login" width="100" height="30" id="bt_login" class="button"
 onmouseover="set_alpha('bt_login', '1')" onmouseout="set_alpha('bt_login', '0.6')" />

CSS da caixa:

#overwindow {
	width:170px;
	height:120px;
	margin: auto;
	visibility:hidden;
	z-index:3;
	position:fixed;
	left:250px;
	top:180px;
}
#overwindow .cnt {
	width:100%;
	height:100%;
	margin:auto;
	opacity:1;
	z-index:2;
	color:#FFF;
	float:left;
	position:absolute;
	left:0;
	top:0;
}
#overwindow .bck {
	width:100%;
	height:100%;
	margin:auto;
	background-color: #000000;
	opacity:.5;
	z-index:1;
	float:left;
	position:absolute;
	left:0;
	top:0;
}

Obrigado por ler,

UDany

[Otata 4]

cara faça o seguinte no css dessa div

 

retire o

visibility:hidden;

e coloque

display:none;

t+

[Dany X 0]

Valeu! funcionou =D

 

Brigado