[js] Zasłonięcie jednego diva drugim, związane ze scriptaculo Opcje

[artur81]

Mam dwa divy o takich samych wymiarach, wypozycjonowane absolutnie:

[HTML] pobierz, plaintext 
<div id="ja" onclick="new Effect.Appear(document.getElementById('info'));"></div>
	<div id="info"></div>
[HTML] pobierz, plaintext 

Style do nich:

[HTML] pobierz, plaintext 
#ja {
position:absolute;
width:391px;
height:316px;
background:url(gfx/ja.gif);
background-repeat:no-repeat;
left:300px;
top:110px;
z-index:1;
}
 
#info {
position:absolute;
width:391px;
height:316px;
background:url(gfx/info.gif);
background-repeat:no-repeat;
left:300px;
top:110px;
z-index:10;
display:none;
}
[HTML] pobierz, plaintext 

Podczepiłem biblioteki

[HTML] pobierz, plaintext 
<script src="javascripts/prototype.js" type="text/javascript"></script>
<script src="javascripts/scriptaculous.js" type="text/javascript"></script>
<script src="javascripts/effects.js" type="text/javascript"></script>
[HTML] pobierz, plaintext 

Chcę osiągnąć coś takiego że po kliknięciu na diva "ja" pojawia się div "info". "Info" ma większy z-index więc powinien się pojawić dokładnie nad divem "ja" i go przesłonić. Problem w tym że się nie pojawia. Konsola FF nie pokazuje żadnych błędów.

[wipo]

A zastosuje visibility jeden na visible drugi na hidden