How to create Collapsible Menu Control in asp.net?

See more:

ASP.NET

Ajax

menu

collections

, +

Hi ,

I want to create a Menu Control in asp.net, which is placed in the left pane of my UI Screen.

I need this menu control with Collapsible and Expand Menu feature, That is,


Main Menu-1
Sub Menu-1
Sub Menu-2
Main Menu-2
Sub Menu-1
Sub Menu-2

From Above Shown data, When I click 'Main Menu-1', its child items 'Sub Menu-1' & 'Sub Menu-2' should expand, If I click 'Main Menu-2' it should expand its child items and 'Main Menu-1' should be collapsed.

That is, Similarly to Ajax:Accordian Control.

With this menu control, i need to show/hide some of the Menu Items based on User Roles, Say for Example, Executive Role Can have access to only Main Menu-1 and Admin can have access to all Menu Items.

Can anyone, suggest me a better idea to do this.

Thanks in advance.
Dineshkumar Ramakrishnan.