Wywołanie okienka popup

Cześć,
chcę pokazać okienko popup, stworzone w klasie .gallery w CSS. Na razie mam tak:
jQuery:

$(document).ready(function(){
            $(".gallery-link").click(function(){
                alert("Klik");
            });
});

w HTML:

<p><a href="#" class="gallery-link">Pokaż galerię</a></p>

i w CSS:

.gallery{
    background-color:#253A5F;
    border-bottom: 1px #222 dotted;
    color: #eee;
    font-size: 17px;
    height: 150px;
    line-height: 0px;
    padding-top: 9px;
    position:fixed;
    text-align:center;
    top: 0;
    width: 750px;  
}

Wywołanie alert(); działa ale jak wywołać to okno z tej klasy?

co to znaczy "wywołać to okno"?

Chodzi o to, żeby po kliknięciu pokazało się okno z klasy .gallery.

Najpierw ukrywasz te okno zmieniając mu w stylach css właściwość display na none, następny gdy pokazujesz np. na block.

W jQuery:

$(document).ready(function(){
            $(".gallery-link").click(function(){
                $(".gallery").css('display','block');
            });
});

Oczywiście są też inne sposoby, m.in. możesz użyć jakiegoś pluginu do jQuery, np. FancyBox

To nie do końca o to chodzi, gdyż nie chcę zmieniać struktury, kody CSS poprzez jQuery.
Bardziej myślałem o czymś takim:

$(document).ready(function(){
            $(".gallery-link").click(function(){
                $(".gallery").show(1000);
            });
});

Lecz kod nie działa. Po kliknięciu przenosi(odrzuca) mnie na górę strony nie wykonując żadnej akcji.

Konkretniej tyczy się to tej linijki:

$(".gallery").show(1000);

Gdy zamiast niej wstawię alert(); funkcja się wykonuje. Jednak z pojawieniem się tego okna są problemy. Chociaż możliwe, że źle zrozumiałem o co Ci chodzi.

Gdy w klasie .gallery ustawię display:none; i w jQuery spróbuję zmienić na display:block; to dalej brak akcji, efekt taki sam-wyrzuca na górę strony. Wie może ktoś jak temu zaradzić?