Why is Google's cache preview showing different version of webpage (i.e. not displaying content)

[fslocal]

My URL is: http://www.fslocal.comRecently, we discovered Google's cached snapshots of our business listings look different from what's displayed to users. The main issue? Our content isn't displayed in cached results (although while the content isn't visible on the front-end of cached pages, the text can be found when you view the page source of that cached result).These listings are structured so everything is coded and contained within 1 page (e.g. http://www.fslocal.com/toronto/auto-vault-canada/). But even though the URL stays the same, we've created separate "pages" of content (e.g. "About," "Additional Info," "Contact," etc.) for each listing, and only 1 "page" of content will ever be displayed to the user at a time. This is controlled by JavaScript and using display:none in CSS.

1. Why do our cached results look different? Why would our content not show up in Google's cache preview, even though the text can be found in the page source?
2. Does it have to do with the way we're using display:none? Are there negative SEO effects with regards to how we're using it (i.e. we're employing it strictly for aesthetics, but is it possible Google thinks we're trying to hide text)?
3. Google's Technical Guidelines recommends against using "fancy features such as JavaScript, cookies, session IDs, frames, DHTML, or Flash." If we were to separate those business listing "pages" into actual separate URLs (e.g. http://www.fslocal.com/toronto/auto-vault-canada/contact/ would be the "Contact" page), and employ static HTML code instead of complicated JavaScript, would that solve the problem?

Any insight would be greatly appreciated.Thanks!

[customerparadigm.com]

FYI, in this screenshot, I am seeing in the Google cached version of the site the "About", "additional info", "contact", and "media" pages.  But I do need to click on those pages to make the content appear.

To Google and other search engines, these are not separate pages, but content that is served within the same page.  The URL doesn't change at all.  If you wanted to have those pages indexed, I'd recommend creating them as separate pages, with links that open up in a new page.

That said, you might get penalized for duplicate content if you have all of the same content on the page, but list this information below.

Another idea would be to keep the left hand navigation for the About, Additional Info, Contact and Media, but have all of the content display on the page; just link to the content from the top.

The way you have it built does limit the page length, but the user experience may be confusing to some, especially on a touchscreen tablet.

google-cached-result-toronto-auto-vault.jpg