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

Has anyone managed to get this to work in the modern player? 

For me in the Modern player, when I use

$('.area-secondary').animate ({
 width: 'toggle', opacity: 'toggle'
 });

the text in the side menu bar fades away, but the menu bar doesn't actually close/minimize.

I have the same issue, and you can use $('.area-secondary').toggle() to get the same result. 

Hi,

Is it possible to change the menu position to top right when we use this script?

Many thanks @Mark Cairns this works perfectly in Storyline 360!

Hi,

I have included a storyline file below that shows how to toggle the Glossary tab and it shows its content. I was able to do so given all the information presented here.

The breakthrough for me was Mark Cairns’ answer to Phil Mayor. I also looked at Zsolt Olah's site https://www.rabbitoreg.com/examples/p99/#/

Enjoy!

Does anyone know how I can toggle the Notes tab (in the top bar, not the side bar). I've tried Mark Cairns' and Alx Sanchez's approaches, and while they worked for toggling the menu in the sidebar, I had no luck with the tabs in the top bar. The trigger I used was $('.transcript-link').click() . Is there something I'm missing? 

I'm having the same problem showing the Notes or the Resources tab content via jquery. If anyone has figured this out please post here. Thanks!

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

This works perfect for me:

document.querySelector('.menu-icon-wrapper').click();

I think they removed jQuery.