title: On menu clicked --> animate & scroll to the element dynamically
body: <p>I have a navigation menu: Intro, Size, Play, Food. When a user click on the hyper link of the menu item, I want to navigate to that element and animate.</p>
  
  <p>For example, if a user click on the <strong>Size</strong> menu item, then I want to animate  &amp; scroll down to the item with <code>id="Size"</code>.</p>
  
  <p>Note: <em>Here <strong>size</strong> menu item href does not have any value, because it is a dynamic.</em></p>
  
  <p>index.html</p>
  
  <pre><code>&lt;nav&gt;
      &lt;ul&gt;
              &lt;li&gt;&lt;a href="#"&gt;Intro&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;Size&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;Play&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;Food&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
      &lt;div class="clear"&gt;&lt;/div&gt;
  &lt;/nav&gt;
  
  &lt;aside id="Size" class="sidebar"&gt;
          &lt;h3&gt;Size&lt;/h3&gt;
          &lt;img src="Images/boxer2.jpg" /&gt;
          &lt;p&gt;Hegyét bár érti szeret.
          &lt;/p&gt;
  &lt;/aside&gt;
  </code></pre>