Jednoduché upozornenie typu jQuery bez prekrytia, ktoré sa otvára kliknutím na tlačidlo a zatvorí sa kliknutím na cross - javascript, jquery

Jednoduché vyhľadávanie vyskakovacích skriptov na stránkach Google prináša tisíce výsledkov pre vyskakovacie doplnky. Myslím si však, že niečo také jednoduché by nemal potrebovať doplnok.

Chcem jednoduchý vyskakovací skript bez prekrývania, ktorý v podstate robí 3 veci:

1. Otvorí sa kliknutím na tlačidlo
2. Zatvorí sa kliknutím na kríž

3. Je centrovaný na obrazovku a je pevný

   <div class="member-pop" id="member-pop1">
   
   <a class="member-close1 cross"><img src="/images/img/pop/pop-cross.png"
   alt="Close" /></a>  <! -- This will close Popup -->
   
   <p>Content inside popup</p>
   
   </div>
   

Čo som doteraz urobil

 $(".pop-member1").click(function() {
$("#member-pop1").show();
});
$(".cross").click(function() {
$(this).parent().hide();
});

Dosiahne sa to 1 a 2. Číslo 3 sa ešte nedosiahlo

odpovede:

$( "#member-pop1" ).dialog();

<div id="member-pop1" title="My dialog">
<p>This is where you show the content. Click on cross to close me!</p>
</div>

Používa dialógové okno jQuery.