javascript - Thumbnail grid issue -

i hoping take @ thumbnail grids on page , me understand why first functions second not.

http://bitfidelity.com/temp/index.html

both supposed expand when clicked, images in second act regular image links. assume have uniquely identify each thumbnail grid script activates more once, i'm not sure how go that.

the grid taken codrops article @ http://tympanus.net/codrops/2013/03/19/thumbnail-grid-with-expanding-preview.

you cannot use same ids both <ul> elements - why first list works, jquery select first occurrence. have use different id (not practical), or use class instead (that applied <ul> elements want effect work on).

the selector in grid.js file, line 167:

var $grid = $('#og-grid'), 

try using different selector, like:

var $grid = $('.og-grid'),