Hi guys. I was wondering, is there truly anything wrong with my script? (or rather, what exactly is wrong with it?)

Basically, I tried .ready and onload. Both fail to do what I want. Upon clicking on the "servicesContact" link (in this case), I need my text to fade with my code below, while animating a rectangle up or down. The height is specific to how much text I have on every page. I need a smooth transition, as text will fade in.

At best my code below changes the height. Nothing more. I changed it to 50 to see if there was a difference, and it changed the height only. As for the "top". it did nothing. As for the rest of code, same thing :/

As you can see, I am loading everything separately, except for the text that fades in.


Code:
<?php
include 'menu.php'; ?>
<script>
$(document).ready(function(){
  // your code here
	$('#rectangle').animate({
		'top':'500px',
		'height':'500'
								}
		,1,function(){$('.help').fadeOut(1);	
		$('.servicesContact').delay(200).fadeIn(800)
		}
		)
		
  
  
}
)
</script>

<div id="servicesContact">
    ServicesContact Test<br/>
    <br/>
    <br/>
    ServicesContact Test2

</div>


<?php include 'footer.php';
?>