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
JerryBeaucaire's avatar
JerryBeaucaire
Community Member
7 years ago

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.

 

  • RagesC's avatar
    RagesC
    Community Member
    7 years ago

    Thanks for the quick response. 

    Anyway to toggle the menu (top menu) in the Storyline 3?

  • MarkCairns's avatar
    MarkCairns
    Community Member
    6 years ago

    Hi Zsolt,

    I've been using the menu open code you provided  $( ".menu-icon-wrapper" ).click(); for a while now. However, I just republished a course and it has stopped working. If I run it in the chrome console it works but not on the button in Storyline. Have you experienced this lately? I'm using the latest version of 360.

    Thanks!

     

    • PhilMayor's avatar
      PhilMayor
      Super Hero
      6 years ago

      jQuery has been removed, and the player has been rewritten so this will not work. 

      You can preload jquery, you just may need to change the item referenced for it to work. Hopefully Zsolt has a work around.

      • MarkCairns's avatar
        MarkCairns
        Community Member
        6 years ago

        Thanks Phil! I found a fix.

        Execute this JavaScript on the Slide Master:

        function dynamicallyLoadScript(url) {

        var script = document.createElement("script");

        script.src = url;

        document.head.appendChild(script);
        }

        dynamicallyLoadScript("https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js");

        And add this JavaScript trigger to the button:

         $( " .menu-icon-wrapper " ).click();