title: jQuery Show/Hide nested divs
body: <p>I have awkward problem I cannot resolve.</p>
  
  <p>I have a nested divs, which I want to show / hide when user clicks on a link. All divs at once. </p>
  
  <p>I cannot assign ID's to my divs, so I will need to do it wiht classes.</p>
  
  <pre><code>&lt;a href="#" id="showhide"&gt;Show more&lt;/a&gt;
  
  &lt;div class="more"&gt;
  &lt;div class="more1"&gt;
  &lt;h2&gt;Some title&lt;/h2&gt;
  &lt;p&gt;Some text&lt;/p&gt;
  &lt;/div&gt;
  
  &lt;div class="more2"&gt;
  &lt;h2&gt;Some title&lt;/h2&gt;
  &lt;p&gt;Some text&lt;/p&gt;
  &lt;/div&gt;
  
  &lt;div class="more3"&gt;    
  &lt;h2&gt;Some title&lt;/h2&gt; 
  &lt;p&gt;Some text&lt;/p&gt;
  &lt;/div&gt;
  
  &lt;/div&gt;​
  </code></pre>
  
  <p>Here is the fiddle to my html structure. 
  <a href="http://jsfiddle.net/56jdL/1/" rel="nofollow">http://jsfiddle.net/56jdL/1/</a></p>
  
  <p>Thanks!</p>