With the Accordion interaction, you can illustrate a process using successive steps. This may brocedure of handling a phone calllgorithm for writing a business proposal and even an office tour for a .
consists of panels which visually resemble the bellows of an accordion. When clicked on, a panel and opens a slide with a title and content.
![](/ispring-visuals/files/6787668/6787681/1/1531467185000/image2018-7-13+10%3A33%3A4.png)
Adding Panels
- To add a new panel, click the Add panel button on the toolbar. A new panel will be added to the list of panels.
![](/ispring-visuals/files/6787668/6787684/1/1531468611000/image2018-7-13+10%3A56%3A48.png)
- Enter the panel title and description.
![](/ispring-visuals/files/6787668/6787685/1/1531468663000/image2018-7-13+10%3A57%3A41.png)
Add extra content the panel description: image, video, sound, text, character, background or an object. click a corresponding button on the Insert tab. To make the tab active, place the cursor into the panel description area.
![](/ispring-visuals/files/6787668/6787687/1/1531468785000/image2018-7-13+10%3A59%3A44.png)
You can add up to 10 panels.
f
Arranging Panels
select a panel with the left mouse button and drag it to another position. To select more panels at once, hold down the Ctrl button on the keyboard.
![](/ispring-visuals/files/6787668/6787688/1/1531468845000/image2018-7-13+11%3A0%3A44.png)
![](/ispring-visuals/files/6787668/6787689/1/1531468886000/image2018-7-13+11%3A1%3A25.png)
Also, you can right-click on the panel to and use the Move up and Move down buttons to move the panel.
![](/ispring-visuals/files/6787668/6787691/1/1531468984000/image2018-7-13+11%3A3%3A3.png)
Duplicating Panels
e of a panel, click the Duplicate button in the context menu. A panel with an identical name and description
![](/ispring-visuals/files/6787668/6787694/1/1531469087000/image2018-7-13+11%3A4%3A46.png)
Deleting Panels
select it in the list and click the Delete button on the Accordion tab on the toolbar, on the keyboard or in the context menu.
![](/ispring-visuals/files/6787668/6787693/1/1531469046000/image2018-7-13+11%3A4%3A6.png)
Adding Introduction and Summary
To add an introduction and/or a summary to your interaction, tick the checkboxes above and below the panels list.
![](/ispring-visuals/files/6787668/6787695/1/1531469161000/image2018-7-13+11%3A6%3A0.png)
Add title and description to the introduction and/or summary in the editing area.
![](/ispring-visuals/files/6787668/6787696/1/1531469250000/image2018-7-13+11%3A7%3A29.png)