Aiuto Jquery: finta finestra popup

[ivanisevic82]

Ciao ragazzi, ho bisogno di una mano con per creare uno js con jquery.

L'effetto che devo creare è quello di una finestra (un semplice div con una sfondo) che si apre sul sito, clickando su un link, come se fosse una finestra di popup, ma che in realtà non lo è.
Per chiudere la finestra bisognerà clickare sul testo "Chiudi" (che sarà scritto SOPRA la finestra che ho precedentemente aperto).
Il tutto con effetto dissolvenza "fade" sia in apertura che in chiusura.

Ci sono riuscito in parte.

Sto usando questi 2 script:

Per fare apparire la finestra ("Riquadro")

$(document).ready(function(){

	$(".Pulsante").click(function(){
	  $("#Riquadro").animate({ opacity: "show" }, "slow");
          $(this).showClass("active");
	});

});

e per farla sparire

$(document).ready(function(){

	$(".link-delete").click(function(){
	  $("#Riquadro").animate({ opacity: "hide" }, "slow");
          $(this).showClass("active");
	});

});

Nel body ho inserito questo:

<div id="Riquadro">TESTO</div>
<p class="show"><a class="Pulsante" href="#">Apri</a></p>
<p class="hide"><a class="link-delete" href="#">Chiudi</a></p>

Dunque quando clicco su "Apri" mi appare la finestra (il div "Riquadro") e quando clicco su "Chiudi", mi si chiude...

L'unico problema è il seguente: io non voglio che "Chiudi" sia sempre visualizzabile, ma vorrei che fosse scritto dentro il div "Riquadro" (che appare solo dopo aver clickato su "Apri").

Com'è possibile fare una cosa del genere?

Grazie!
Forse i due script vanno fusi in uno solo o combinati in qualche modo...

O ancora potrebbe essere d'aiuto la guida che si trova a questo link (PUNTO 2) http://www.webdesignerwall.com/tutorials/jquery-tutorials-for-designers/
L'effetto che vorrei in chiusura è come quello di quell'esempio.
Ma anche così non ci sono riuscito

Potete aiutarmi?

Grazie mille!

 

[ivanisevic82]

Scusate ragazzi, ce l'ho fatta da solo!
Bastava inserire il comando "chiudi" dentro il div "Riquadro"!

Grazie lo stesso!