Fade in apresentando erros?

[Micilini Roll 49]

pessoa eu fiz um exemplo online: acessem o link abaixo:

 

http://fazerbem.com.br/overlaybox/

 

se voce clicarem em cima de cada um destes :

 

 

 

mostre cadastrar
mostre entrar

 

ira se abrir uma janela! com uma imagem! certo se para voce fecha-la é necessario ou clicar fora da caixa ou clicar no X mas sempre quando eu fecho! a caixa fecha mas o botao X ainda continua presente? porque?

 

o codigo esta aqui:

 

<div class="overlay" id="overlay" style="display:none;"></div>
        <div class="box" id="cadastrar">
            <a class="boxclose" id="boxclose_cadastrar"></a>
            <img src="ds.PNG" id="img_cadastrar" style="display:none;" />
        </div>
        <div class="box" id="entrar">
            <a class="boxclose" id="boxclose_entrar"></a>
            <img src="ds2.PNG" id="img_entrar" style="display:none;" />
        </div>
       

        <!-- The JavaScript -->
        <script type="text/javascript" src="jquery-1.3.2.js"></script>
        <script type="text/javascript">
		function mostrar(box){
			     
			    $('#overlay').fadeIn('fast');
				$('#img_'+box).fadeIn('fast');
                $('#'+box).animate({'top':'160px'},1);
                $('#boxclose_'+box).click(function(){
                    $('#'+box).animate({'top':'160px'},1,function(){
                        $('#overlay').fadeOut('fast');
						$('#img_'+box).fadeOut('fast');
                    });
                });
				$('#overlay').click(function(){
                    $('#'+box).animate({'top':'160px'},1,function(){
                        $('#overlay').fadeOut('fast');
						$('#img_'+box).fadeOut('fast');
                    });
                });
		}
                    </script>

 

 

porque isto esta aconteçendo?

[Vinicius Rangel 208]

pq vc ta escondendo só a imagem.

[Micilini Roll 49]

oh sim entendi! agora que fui compreender! na verdade o codigo nao era assim eu fiz algumas modificações nele! no caso quando voce clicava ele apareçia de cima pra baixo! ai quando fechava desapareçia de baixo pra cima,ai no caso o box sumia la pro alto e nao dava pra ver! entendi tenho que adicionar este codigo:

 

$('#boxclose_'+box).fadeOut('fast');