Axure RP Tutorial for beginners: 03 How to create an accordion

Axure RP tutorial for beginners on how to create an Accordion Menu in Axure RP.

Accordions are usually expandable and collapsible content holders in web design but for this Axure prototyping tutorial, we focus on a menu accordion which holds sub menu items. This Axure RP tutorial is meant to help UX and UI designers prototype one of the most important website navigational functionality. This tutorial similar to the other Humble UX Axure Tutorials, includes key use of Axure’s dynamic panels, states, interaction and type formatting.

Axure tutorial on how to create an accordion menu

To get free and premium Axure widgets go to Humble UX store.

Axure RP tutorial in this series:

Axure RP tutorial for beginners: 01 How to create an Elastic slider in Axure Axure RP tutorial for beginners: 02 How to create a simple slider
Axure RP Tutorial for beginners: 03 How to create an accordion
Axure RP tutorial for beginners: 04 Create a Parallax scrolling effect
Axure RP tutorial for beginners: 05 Creating website Mega Menu
Axure RP 8 tutorial for beginners: 06 How to create a fixed menu
Axure RP 8 tutorial for beginners: 07 How to create a hidden menu
Axure RP 8 tutorial for beginners 08: How to create a pop-up in seconds
Axure RP 8 tutorial for beginners: 09 How to create a scrollbar

What to read next:

Is Axure RP the best prototyping tool for a UX Designer?