Link to home
Start Free TrialLog in
Avatar of cimmer
cimmer

asked on

expandable navigation menu that is "crawable" by google

I am wondering if it is possible to use "css" to create an expandable navigation menu.

For example, we have "cell phone brands"...

Nokia
Motorola
Samsung
Sanyo
Audiobox

These would be displayed in a list or column on the left side of the page...
When a user clicks on lets say "Nokia" all available phone models expand beneath it with links to their respective pages...

Nokia
 -3660
 -7250i
 -6200
 -6820
 -6620
 -3200
 -3595
Motorola
Samsung
Sanyo
Audiobox

What I need is a way that if you were to look in Internet Explorer's "Edit->View Source", you would see all the phone model links in the source code as if they were all displayed on the page at the same time.
My guess is someone could use style sheet classes and use <li> tags or custom <td> tags or something. I am not sure... We want Google to be able to crawl all the phone model links. Google will not crawl code inside <script></script> tags.

How could this be done??
SOLUTION
Avatar of arantius
arantius

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Quick linkless answer:

You can try placing the "expandable" info inside span tags and play with the display or visible styles. Search engines should be able to see the content not being displayed just as if it was.

Best regards,

Esopo.
ASKER CERTIFIED SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial