jQuery animate

programming web dev
1

Hi,
I made this site for a friend, this is the first time Ive used jQuery and Im a little stumped.

I want it so when I click on the navigation I want it to go to the div with that id with a nice animation, I may want it to add padding or spacing so I decided to use the offSet().top() property so I could manipulate the result.

<script type="text/javascript">                                           $(document).ready(function() {
$("a").click(function() {
var myTemp = this.id;
var myName = myTemp.substring(3, myTemp.length);   $('.click').click(function(){   $('html,body').animate({ scrollTop: myName.offSet().top()+"px" }, 3000);}); 
  });
});    
</script>

stephenmulvain.com/hungrytums
so when you click on the navigation it takes you to the sections below each of the sections have an id relating the id of the button

Can anyone help?

Thanks