Hi
Am doing my first bit of jQuery and I thought it was all great until I looked closely. I'd really appreciate any help!
All I want to do is fade in an absolutely positioned div with a couple of lines of text in it when the page loads. There is nothing to press.
This is my code:
$(document).ready(function() {
$('#toptext').css('display','none');
$('#bottomtext').css('display','none');
$('#toptext').fadeIn(2000);return false;
})
My text fades in nicely but at the end, all the letters jump a little - like something is resizing.
Here's the html
<div id="toptext">
<p class="domesticabuse">DOMESTIC ABUSE</p>
<p class="canhappen">can happen to anyone</p>
</div>
A few divs up there is a relatiely positioned wrapper
Here's my css
div#homepageanimation {
color: #f9af2d;
font-weight:normal;
position:absolute;
z-index:10;
width:302px;
top:0;
left:320px;
height:300px;
background-color:#6F9;
text-align:center;
}
div#toptext {
position:absolute;
top:70px;
width:200px;
z-index:20;
height:200px;
background-color:#6CF;
padding:20px;
}
.domesticabuse {
font-size:28px;
margin:0px;
padding:0;
font-weight:bold;
}
.canhappen {
font-size:20px;
margin:0;
padding:0;
}
Thanks
E