How to Restrict Menu using JavaScript

This example demonstrates how you can achieve what you were trying to describe with the code above. Note: The functionality of the menu seems to be controlled internally, probably by an event handler for clicking on the items. You can't enable a menu item function before Storyline unlocks it, and you can't readliy disable it again through JavaScript. You can, as you were attempting, prevent the user from clicking on the menu items, so in essence blocking it. You can also toggle the check or lock icons with a simple class change.

Demo: https://360.articulate.com/review/content/ab5a1b44-54ee-4feb-95ce-466f1a230a99/review

You can select the individual menu items in different ways. This example selects individual entries by their names (which should be unique). It also illustrates a method to disable or re-enable the entries all at once, if you prefer that. The menu is an unordered list in HTML, with a DIV for each entry.

If you use pointer-events to disable clicking, you will need to mannually clear it to re-enable clicking. Storyline won't do it for you. You would need to add a trigger, perhaps on the start of the slide, to clear it for the menu entry.