jQuery Tutorial - effects at same time

Tutorial by Mr. M. for MM 118

HTML

<nav>
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>

<section id="home">
  CONTENT
</section>

<section id="about">
  CONTENT
</section>

<section id="contact">
  CONTENT
</section>

CSS

section { height:200px}

JavaScript

$('a[href^="#"]').click(function() {

$('html,body').animate({ scrollTop: $(this.hash).offset().top}, 200);

return false;

e.preventDefault();

});

  // end of jQuery