When we are working on a large course with many topics and sub-topics, it’s a good idea to include all the topics along with sub-topics on the menu page. But this can result into a content heavy screen and doesn’t give a neat look. In such a scenario we can add Spry Menu functionality on the menu page, where when you hover over the topic, the sub-topics appear and become accessible. Here’s an example screen with a Spry Menu. Hover over Menu A to see the hidden submenus.
Let’s see how we can create such a menu page. There are different ways to get this functionality. In this example, I have used a combination of Rollover Slidelets and Buttons. There are two Rollover Slidelets, one to show the Buttons and the other to hide the Buttons.
Here’s a demonstration depicting the steps in detail: