This question already has an answer here:
I have a navigation set up like so:
<nav> <ul> <li>Home</li> <li data-dropdown="page_1">Page_1</li> <li data-dropdown="page_2">Page_2</li> </ul> </nav> <div class="dropdown"> <ul id="page_1"> <li>Dropdown Link</li> </ul> <ul id="page_2"> <li>Dropdown Link</li> </ul> </div>
All the dropdowns are initially hidden and then they are shown based on
data-dropdown when hovering on the navigation. It works perfect, but I'm really concerned about whether google will crawl the links if it's hidden on page load. What's the best way to approuch this?