Forum Discussion

MrY's avatar
MrY
Community Member
8 years ago

JavaScript Tricks for Articulate Storyline 3/360 show/hide menu

Has anyone got the show/hide menu to work here on the Elearning Brothers website? I've tried attaching the code to a button but nothing seems to happen   Thanks
storyline 360
MathNotermans-9's avatar
MathNotermans-9
Community Member
5 years ago

Instead of relying on jQuery it can be easier to use Vanilla Javascript instead...

As this is Allen's code for it:

$( " .menu-icon-wrapper " ).click();
$( " .glossary-tab " ).click();
$( " .view-content " ).click();

removing and changing the jQuery ( $ ) for plain Vanilla Javascript is like this:

document.querySelector("#hamburger > div").click();
document.querySelector("#glossary-tab").click();
document.querySelector("#play-pause > div").click();

If you need other elements in Storyline to show/hide...use the inspector to find its proper selector