---
type: "Components"
category: "Other"
parent: "Nav"
title: "Interaction"
date: "2010-10-10"
---

## Multilevel

You can create a **multilevel nav** with [toggle group](/components/toggle/interaction#group).

> This demos use [toggle](/components/toggle) see documentation for more info.

<demo>
  <div class="docs_demo_item" data-iframe="demos/themes/navigation/multilevel-v1">
  </div>
</demo>

## Toggle simple

Use [toggle](/components/toggle) to **activate/deactivate and animate**.

> This demos use [toggle](/components/toggle) see documentation for more info.

<demo>
  <div class="docs_demo_item" data-iframe="demos/themes/implementation/nav-implementation-v1">
  </div>
</demo>

## Toggle complex

Use [scrollto toggle](/components/scrollto#toggle-integration) to **automatically scroll on activation**.

Use [sticky](/components/scrolltrigger/sticky) to have **sticky elements**.

> This demos use [scrollto](/components/scrollto) [sticky](/components/scrolltrigger/sticky) see documentation for more info.

<demo>
  <div class="docs_demo_item" data-iframe="demos/themes/implementation/nav-implementation-v2">
  </div>
</demo>

## Scrollto

Use [scrollto](/components/scrollto#toggle-integration) to **automatically scroll with hash links**.

Use [sticky](/components/scrolltrigger/sticky) to have **sticky elements**.

> This demos use [toggle](/components/scrollto) [sticky](/components/scrolltrigger/sticky) see documentation for more info.

<demo>
  <div class="docs_demo_item" data-iframe="demos/themes/implementation/nav-implementation-v3">
  </div>
</demo>
