Using More Info javascript:toggleDisplay tag for More info text

[EEE3]

Is there any harm in using javascript so a user can "toggle" open or closed additional text on a website?

For example, if a user wants to read more about something, they can click on "More Info" and the text would then appear.

Google is able to read the text, because I chose a random 8 word section of the text within the More Info and pasted it into a Google Search and the website showed up in search results.

Just wondering if using this technique would have any negative impact.

Here's what the code would look like: 
<a <span="">title</a><a <span="">="Show Tables" href="</a><a class=" " target="_blank">javascript:toggleDisplay('table1')</a>">More Info

style="display: none;" id="table1"> this is where the text would be, and from this section was where I grabbed text to search with in google.

Then in the footer, here is the script needed so the more info will work:

I am by no means an expert in coding/html/javascript.

Thanks!

[TakeshiYoung]

Hiding text in this manner is a perfectly acceptable UI choice, and will not negatively impact your site.

When people talk about hiding text being a negative factor, they are referring to cases where people will stuff tons of keywords into invisible divs, or have text that's the same background as the page, or other methods of presenting the search engine with different content than the user, which is basically cloaking.