title: How to deal with deep nested navigation menus?
body: <p>I have an app that I am creating for a customer that at some points has 6 levels of navigation. Basically our user wants to select an item from a navigation. that will lead to another set of navigation, that will lead to another set of navigation and so on until you are 6 levels deep in on navigation property.</p>
  
  <p>Some of the menu items do not go that far some in fact do not have sub menu's.</p>
  
  <p>To make matters even more complicated some of the links are required to have descriptions of what report the link leads to. The caveat here is that some of the descriptions are 15 lines long, basically huge paragraphs of text.</p>
  
  <p>I have tried the on hover open the sub menu but when you get down to the sixth level if you move your mouse a hair too much your going back in and treeing them out again.</p>
  
  <p>I tried the accordion method from twitter bootstrap but that didn't work because on the 6 level menu's most of the navigation was pushed off the page.</p>
  
  <p>I tried using XML to populate drop-down lists where basically the user would click a link and the "sublinks" would appear in a partial view with a drop-down list. and that continued until you were at the lowest level. The problem is I run out of screen real estate with 6 drop down lists and a description.</p>
  
  <p>Anyone have any suggestions on what else I can do with an app like this?</p>