Dlaczego ten kod tak dziwnie się wykonuje???

pytanie zadane 10 marca 2017 w JavaScript przez Miles Nowicjusz (170 p.)

napisałem kawałek kodu który ma na celu pokazanie wiadomości z bazy danych po naciśnięciu przycisku ale kiedy każę ukrywać spana o id=okno, to ukrywa caly dokument


<!DOCTYPE html>
</html lang="pl">
<head>
<script src="jQuery.js"></script>
<script>
$(document).ready(function(){
//$("#okno").hide();
var licznik = 0;
    $("#guzik").click(function(){
        licznik++;
        if(licznik % 2 == 0)
		{
            $("span").hide(750);
            $("#guzik").text("Pokaż");
				}else if(licznik % 2 == 1){
            $("span").show(750);
            $("#guzik").text("Ukryj");
        }
    });
   
});
</script>
<title>Strona Główna</title>
</head>
<body>

<span id="okno"> <table border="2"><tr><td>Milesq</td><td><a href=wiadomosc.php?id=1>tema</a></td></tr><tr><td>Ja</td><td><a href=wiadomosc.php?id=2>tema</a></td></tr></span><button id="guzik">Pokaż</button><br />
Masz 2 nowych wiadomości
</body>
</html>

1	komentarz 10 marca 2017 przez ScriptyChris Mędrzec (190,190 p.) Popraw formatowanie swojego kodu. Zaczynasz dokument od zamkniętego tagu </html>? Nie zamknąłeś znacznika <table>. Dlatego chowa się całość.

komentarz 10 marca 2017 przez bumpMind Gaduła (4,260 p.)

Dokładnie jak powyżej, jedynie dodał bym od siebie na przyszłość lepiej formatuj kod. Chodzi mi tylko o linijkę z tagiem span, dużo szybciej sam znalazł byś błąd