On indexing JS. Googlebot doesn't click or hover or focus. So do it doesn't see content that requires user action
I recently ran into an issue with a site that had a block of text that was not being indexed because, of what we believe, is the use of
display: none to toggle that content in and out of view.
In this case, I believe a possible here is to avoid using CSS and
display: none to hide the content all together and rather use jQuery
to animate the content in and out of view.
Here is how that would work
In this scenario we're not using
display: none, but we're still hiding the content, just using jQuery. I don't know if this would
fix the issue to be honest. It will require further testing, and it might be different from site to site, but it is an alternative to using
display: none, if that is what is really causing this issue.
Ideally, any content that is core to the page should be visible to the user as soon as the page loads, with nothing hidden.