I am currently working on incorporating Facebook's comments box into my website. My goal is to have the comments that I retrieve through GET requests and display in the template remain invisible to users, but visible to search engines.
As part of an experiment, I tried this approach: http://jsfiddle.net/4D8hh/
Is there a way for me to hide the first code snippet while keeping the second one accessible for search engine crawlers? Z-index doesn't seem to be the right solution here - what other options should I explore?