Using JavaScript to hide/toggle the sidebar menu

Update: I figured it out! 

I created a new script and added it to the first screen of the Storyline 3 file, executing it when timeline starts. The script sets the opacity and width of the sidebar to the same settings used by the toggle script when hiding it.

Here's the code I used in case anyone else wants to use it:

// Load Storyline player
var player = GetPlayer();

// Set window.mw to be equal to .area-secondary width
if(!window.mw) window.mw = $(".area-secondary").width()

// Set .area-secondary to hidden 
$('.area-secondary').css({
 'width': '-='+mw,
 opacity: 0
 })

This is awesome; thanks so much for sharing! Really helped get me unstuck!

Hello Gemz,

Is it possible to toggle Notes using a custom button and JavaScript in Storyline?  We see it is possible to toggle audio using this code:

var appState = require("helpers/appState");
appState.onToggleVolume();//mute

Any help MOST appreciated :)

Sincere thanks - Nicole

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

hi - when I use this code I can still click on the links, they don't show up but are still active -

this seems to work:

if ( $(".area-secondary").is(':visible')) { 

$(".area-secondary").hide();
}