Bruge jquery til at fremvise en skjult boks

Hejsa

Jeg er lige begyndt på jquery og er kommet til en, for mig, lille hovedbryder.

Jeg tester en funktion, hvor en boks (med klassen boxtest) er skjult med følgende css:

.boxtest {
font-family: Verdana;
font-size: 13px;
font-weight: normal;
color:blue;
background-color:#e2e2e2;
width:100px;
height:100px;
visibility:hidden;
}

(Derudover er denne klasse i css-delen)

.boxtestshow {
font-family: Verdana;
font-size: 13px;
font-weight: normal;
color:blue;
background-color:#e2e2e2;
width:100px;
height:100px;
visibility:visible;
}

Meningen er så, at når når dokumentet er klart skal den skjulte boks langsomt fade frem, har forsøgt mig på følgende måde uden held:

$(".boxtest").addClass("boxtestshow").show(1000);

Problemet er at ligesåsnart dokumentet er klart bliver klassen ændret til den synlige, og jeg får en synlig boks uden den fade effekt jeg gerne ville have.

Jeg har testet den modsatte effekt og den virker:

$(".boxtest").addClass("boxtestshow").hide(1000);

Er der en der kan være behjælpelig så ville jeg blive meget glad? =)