title: Multiple div popups on one page
body: <p>I want to use multiple div popups on one page. I used someone else's jsfiddle to make it work for one popup, but making it work for multiple popups is a whole other story.</p>
  
  <p>I have adjusted the jsfiddle for the singular popup in many ways to achieve the multiple popups, but my javascript knowlegde is still not that good.</p>
  
  <p>What I want is the following: I have six content blocks on a page with each a 'read more' button which will open the popup for that content block resulting in more text in a popup. So each content block has his own 'extra content' hidden in a div. When I click on the button that belongs to one of the six block the extra content will open in a popup. When I click on a button from another block that particular extra content needs to pop up.</p>
  
  <p>I have come this far with my jsfiddle: <a href="http://jsfiddle.net/WGPhG/1122/" rel="nofollow">http://jsfiddle.net/WGPhG/1122/</a></p>
  
  <p>And hereby my code (so far):</p>
  
  <pre><code>function openPopup('div1') {
     $('#div1').fadeIn(200);
     $('#div2').hide;
  }
  function openPopup('div2') {
     $('#div2').fadeIn(200);
     $('#div1').hide;
  }
  
  function closePopup() {
      $('.popup').fadeOut(300);
  }
  </code></pre>
  
  <p>Can someone help me out?</p>
  
  <p>Thanks a lot!</p>