Animated toggle in jQuery not linking through
<p>Im trying to make an animated list that when an item is clicked, a child UL toggles display and becomes visible. The problem is however, when the user then clicks a child LI within the newly visible List, the display is then toggled again as opposed to the link going to a new page...</p>

<p>My jQuery is...</p>

<pre><code>//Product range expander
$('.product-range ul li a').click(function() {
  $(this).parents("li").find("ul").toggle('slow')
  return false;
});
</code></pre>

<p>Markup...</p>

<pre><code>&lt;ul&gt;
&lt;li&gt;
   &lt;a href="#"&gt;United Kingdom&lt;/a&gt;
       &lt;ul style="display: none;"&gt;
           &lt;li&gt;&lt;a href="page1.html"&gt;Product&lt;/a&gt;&lt;/li&gt;
           &lt;li&gt;&lt;a href="page2.html"&gt;Product&lt;/a&gt;&lt;/li&gt;
           &lt;li&gt;&lt;a href="page3.html"&gt;Page&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
</code></pre>
