I am working on a one-page site that uses accordion-style reveals to show content.

Within one of the hidden divs, I have a responsive image grid that with buttons to filter which images show.

When I click on the tab to reveal the div with the images, only the top part of the first image shows. if you adjust the width of the browser, then the window.resize displays everything correctly

I assume it is doing that because the grid has not been assigned a width, etc...

I would appreciate any help on this.

The jsFiddle shows the issue. After the page loads, click on "My Work"

JSFIDDLE of Current Issue