title: How to use thumbnails as triggers to expand and collapse content with JQuery Masonry on Wordpress site
body: <p>I'm new here, this is my fist question, but I've performed research and can't find the answer. </p>
  
  <p>I'm developing a Wordpress site and hacking a template that uses masonry with summaries and thumbnails on a grid on the index page. When you click on an image you're directed to the post content. This is the theme: <a href="http://jinsonathemes.com/fabs/?themedemo=Vasiliki" rel="nofollow">http://jinsonathemes.com/fabs/?themedemo=Vasiliki</a></p>
  
  <p>What I'd like to implement is this:</p>
  
  <ol>
  <li>When the user clicks on the thumbnail, the content is revealed and expanded on the same page. Here's an example from Up Magazine: <a href="http://upmagazine-tap.com" rel="nofollow">http://upmagazine-tap.com</a></li>
  </ol>
  
  <p>I looked at the JQuery script on this very cool Fiddle (#FS34t). The boxes expand and collapse content on click, but that's not quite what I have in mind for this site. Will definitely implement on another. </p>
  
  <p>I thought it would be an easy show /hide function, but each image is linked to a specific post using the same "content" div. How would I use an image in a masonry grid as the trigger for an expand/collapse of content of the respective post -- as in the Up Magazine sample?</p>
  
  <p>Thank you for reading.</p>