How to make those dynamic anchor links with jQuery?
<p>I've recently discovered a website which does something really cool! Example:</p>

<ul>
<li>There are two links "Cat" and "Dog". </li>
<li>There are two DIV containers, id="catImage" and id="dogImage"</li>
<li>The initial URL looks like <a href="http://mysite.com/#cat" rel="nofollow">http://mysite.com/#cat</a></li>
<li>Initially, the cat image is visible</li>
<li>Clicking on the Dog link will fade out the <code>catImage</code> div and fade in the <code>dogImage</code> div</li>
<li>Additionally, it will change the anchor in the browser URL to: <a href="http://mysite.com/#dog" rel="nofollow">http://mysite.com/#dog</a></li>
<li>Opening the website with httü://mysite.com/#dog will show the dog image initially</li>
</ul>

<p>Is this possible using jQuery? How would I scan for that anchor, and how would I call a function when the link is clicked without causing the link to follow some URL? I'm an objective-c dude and don't know anything about JS... hope my question isn't too dumb for you.</p>
