Making this type of difficult to explain in text, I've attached a picture to choose it therefore it should make a little more sense!
Essentially, I wish to show recent posts inside a line. They'll be displayed through the_publish_thumbnail.
Whenever you click a thumbnail, above it a div will end up unhidden and can slide this content lower to show details about the thumbnail clicked on. Should you click on the next thumbnail, the present div will slide support and hide, after which another hidden div will slide lower and show the data for the following thumbnail.
I truly have no clue how to pull off carrying this out, so any help could be greatly appreciated with upvotes :D!
Within the example you published it appears the HTML for the posts is made on the secondary page (found here) that is incorporated within the primary retractable div. That div has its own height set to and if you click a thumbnail from below:
The interior submissions are gone to live in the right position (most likely according to an id retrieved in the clicked on thumbnail)
The div is broadened using something similar to jQuery animate()
Whether it's already broadened it's flattened using animate, this content is gone to live in the brand new position, then its re-broadened.
How to take this to the WordPress loop I guess you could do this 1 of 2 things:
Make use of the loop to construct an identical structure in which you load all posts and make large "focus" blocks on their behalf and hide them (such as this example) then show the appropriate one once its thumbnail is clicked on
Make use of the loop to construct the pictures, and hang the wordpress publish id as each thumbnail's id, then asynchronously reload the big section from the page using ajax. This really is most likely harder, but more effective, and I am not quite sure how to get it done. :)