Show first paragraph then click to show rest
<p>I need to to able to show the first paragraph in each col then on click Find out more to show the other paragraph(s) of that col.</p>

<pre><code>    &lt;div class="row"&gt;
            &lt;div class="col"&gt;
              &lt;h2&gt;About Us&lt;/h2&gt;
              &lt;img src="images/aboutus.jpg"&gt;
              &lt;p&gt;Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est.&lt;/p&gt;
              &lt;p&gt;Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est.&lt;/p&gt;
&lt;p&gt;Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est.&lt;/p&gt;
              &lt;div class="sub-content-btn"&gt;Find out more&lt;/div&gt;
            &lt;/div&gt;
            &lt;div class="col"&gt;
              &lt;h2&gt;About Us&lt;/h2&gt;
              &lt;img src="images/aboutus.jpg"&gt;
              &lt;p&gt;Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est.&lt;/p&gt;
              &lt;p&gt;Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est.&lt;/p&gt;
              &lt;div class="sub-content-btn"&gt;Find out more&lt;/div&gt;
            &lt;/div&gt;
            &lt;div class="col"&gt;
              &lt;h2&gt;About Us&lt;/h2&gt;
              &lt;img src="images/aboutus.jpg"&gt;
              &lt;p&gt;Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est.&lt;/p&gt;
              &lt;p&gt;Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est.&lt;/p&gt;
&lt;p&gt;Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est.&lt;/p&gt;
              &lt;div class="sub-content-btn"&gt;Find out more&lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
</code></pre>

<p>This is the jQuery used so far:</p>

<pre><code>$('.col').each(function() { 
    $(this).find('p:not(:first)').hide();
  });

  $('.sub-content-btn').click(function() {
    $(this).parent('.col').find('p').show();
  });
</code></pre>
