I've a webapp, in which there is a left sidebar. There are some menuItems and subMenuItems in sidebar. This hierarchy can go to N level.
Now There can be multiple programs in this application. User can switch program at any time. Each program has some menuAreas. User can also switch between menuAreas. Each menuArea has its own list of menuItems (and subMenuItems in hierarchy). At a time, User can only see menuItems for selected program and menuArea. These menuItems should appear at same place where current menuItems appear.
Can anyone suggest UX for this scenario? (If possible, also for small touch devices)