nav-multilevel

description

UPDATED

2.4.0:

Added .breadcrumgs-container, .ancestors and .parent and styles for breadcrumbs in complex multi-level navigations.

UPDATED

1.5.0:

Added .menu-section to visually seperate menu items

UPDATED

1.2.0:

nav-back button now located after category title

Class ready for ul.menu.flex needed to animate change of levels.

ids in examples are only used for our js.

UPDATED

0.10.0:

Category title when opening the navigation

Catergory title is in the nav tag, but not in the ul tag

A new place for the nav-back button: it is now at the end on the outside of the ul tag

Due to new categories, there are contents that changed their place. Please check menu-bar and drawer

NEW 0.6.0: Was part of organisms/navigation-web before.

Styles & markup & behaviour for navigations with multiple levels (e.g. mobile-nav). The inner markup pattern can be nested infinetly (see usage-code);

Parent li of visible ul and all its ancestral lis need class="in". Parent ul of li.in need class="hide". class="current" is only used for our javascript and has no css styles. (see examples).