Im working with jquery ui on many of my websites and I am concerned that any content that is in hidden divs that will be used for a dialog is not search engine friendly and I would like to find out if:
Is content in hidden divs searched/indexed by google?
What is the best practice for using jQuery UI dialogs/tabs or other hidden elements on a webpage? (to ensure the best results for SEO)
This is the guidance that google provides.
http://www.google.com/support/webmasters/bin/answer.py?hl=en&answer=35769
Hidden content is also mentioned here:
http://www.google.com/support/webmasters/bin/answer.py?answer=66353
Remember the spiders don't execute your js
Yes it's indexed, crawlers don't care about CSS and JavaScipt for the most part (anything between the <body> and </body> is fair game. Turn off JavaScript...that's closer to what the crawler sees.
That being said, yes the crawler sees the content, but it'll also actively ignore it as much as possible...and penalize your rankings if you try and fool it with content in hidden divs just for pagerank purposes.
Yes, Google can read hidden div, but make sure that you do not stuff with keywords. It is not a good choice for accessibility purposes as well, because most of the screen readers today are ignoring hidden divs. Plan your content accordingly.
来源：https://stackoverflow.com/questions/4102430/how-to-maintain-seo-while-using-jquery-to-show-hidden-divs