Collapse each div with one function
<p>Can someone quickly <strong>point out what I'm doing wrong and why</strong> ?
My intention is to have <strong><em>each</em></strong> <code>.learnmore</code> class to expand their own <code>.more-content</code> upon click. </p>

<p><strong>jQ</strong></p>

<pre><code>    $(document).ready(function(){  

      //Toggle function
      $(".learnmore").click(function(){
        $(this).next(".more-content").slideToggle(500)
        return false;
      });  
});
</code></pre>

<p><strong>HTML</strong></p>

<pre><code>&lt;div class="wrapper"&gt;
&lt;h2&gt;Whatsup Stack!&lt;/h2&gt;
&lt;img src="/image.jpg" alt="Stack Overflow" /&gt;
&lt;p&gt;Quick, lorem Ipsum&lt;/p&gt;
&lt;p&gt;&lt;a href="#" class="learnmore"&gt;Learn More&lt;/a&gt;&lt;/p&gt;
&lt;div class="more-content"&gt;
  &lt;p&gt;Quick, lorem Ipsum&lt;/p&gt;
  &lt;p&gt;Quick, lorem Ipsum&lt;/p&gt;
&lt;/div&gt;
&lt;!-- eo : more-content --&gt; 

​
</code></pre>
