Menu in ASP.NET Webapplication

Question

I have following problem:

I have to make a ASP.NET Webapplication with a two-row menu. It should look like that:

http://jsfiddle.net/J7uSY/1/

Each topmenu item should have multiple submenu items which should be shown in the row below after clicking on the topmenu item.

I tried to do it with only one .NET Menu Control but I couldn't find a way to style the menu statically with two rows.

My second idea was to use multiple .NET Menu Controls and hide/show them by codebhind after a click. Unfortunately this wouldn't be good for SEO because the bots cant find the whole menu structure anymore...

My question is now: What is the smartest way to do that? Can you give me some advice or solutions for this problem?

Answer 1

There is no need to use asp.net controls to do that. CSS with javascript is the way to go, i.e. http://www.devinrolsen.com/pure-css-horizontal-menu/