How to do a jQuery version of an a-name link?
<p>I would like to have a name link type effect where instead of it working like the regular html version:</p>

<pre><code>&lt;a href="#take-me-down"&gt;Take me down the page&lt;/a&gt;

&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;

&lt;a name="take-me-down"&gt;Hi there&lt;/a&gt;
</code></pre>

<p>it will instead have a nice "slide down the page to that portion" effect. Kind of like those "back to top" links some sites have in their footers which when clicked takes the user to the top of the page by smoothly sliding them up.</p>

<p>How can this be done using jQuery?</p>
