Accordion Menus such as this one are a great option to organize and display online content in a compact and user-friendly way. Unfortunately, collapsible accordions are not standard in HTML and can be difficult to implement.

The Accordion Menu Creator Tool is a plugin that is integrated directly into Webcourses that allows instructors to easily create Accordion Menus anywhere that the text editor is available.

While editing any Webcourses content that has the text editor, click on the "Apps" button, which looks like a plug.

If "Accordion Menu Creator" isn't already in the list, click View All.

Select Accordion Menu Creator.

Once the tool opens, you will see the following layout:

Every expandable tab contains two items: a Tab Title and Tab Content. The Tab Title is what a user will see before clicking, and the Tab Content is what will start as hidden but expand and re-collapse as the user interacts.

The Accordion Menu Creator tool uses the same text editor that Webcourses does, and allows almost all of the same content types. You can add text, headings, formulas, links, and images the same way you already do in Webcourses.

If there is a particular kind of content that is unavailable in the tool (such as embedding other Webcourses files and content), you can insert that content into the tabs later, after inserting the menu into Webcourses.

Your Accordion Menus can have as many tabs as you want.

To add a new tab to the end of your menu, click the + Add New Tab button.

To insert a new tab at the beginning or between two existing tabs, click the + Insert New Tab button where you would like the new tab to appear.

Tabs can be deleted at any time by clicking on the Delete Tab button.

If you would like a taste of what your menu will look like in Webcourses before you save it, you can click on the Preview Menu button. When you do, an interactive preview of the menu will appear in a popup.

While you can interact with the Accordion Menu and open and close tabs, you cannot make any changes or save anything.

Click on the Close Preview button to close the preview and return to the editor.

When all of your tabs and tab content is complete, you can insert the entire menu into Webcourse by clicking the Insert Menu Into Webcourses button.

The menu will be added to wherever you were last editing.

After your menu is inserted into Webcourses, it won't appear as an accordion inside the page editor. Instead you will get a view something like this:

If you want to insert or edit content into a tab after if has been saved into Webcourses, you may, as long as you keep your changes within the tab content boundaries. These boundaries are labelled inside the editor with text that does not appear for users when the accordion menu appears in Webcourses pages.