Post Release 13.0 Javascript implementation of OnClick to toggleClass(

[Elderberg]

I'm trying to implement a responsive Navigation Menu Bar into caspio, which works great outside of Caspio, but i've learned there are some impacted areas as of Release 13.0 as it relates to javascript. 

I've reviewed the link about Release 13.0 Impacted Areas: https://howto.caspio.com/release-notes/caspio-bridge-13-0/13-0-impacted-areas/

and https://howto.caspio.com/datapages/ajax-loading/

Any assistance illuminating the key issue and possible solutions would be great. See below sample snippets i've isolated:

 
[******* html code snippet *******]
<div class="ico-item hidden-on-desktop">
              <button type="button" class="menu-button js__menu_button fa fa-bars"></button>
</div>
[*******/html code snippet *******]

Below i've isolated the corresponding JS code that performs the desired action.  Can someone help me appreciate the reason this doesn't work when embedded in a datapage? and point me in the direction of a solution?

[*******javascript code snippet *******]

  $(".js__menu_button").on("click", function() {
    $("nav").toggleClass("active");
    return false;
  });

[*******/javascript code snippet*******]

[Alison]

Hello @Elderberg,

Please let me know if you have any errors in the console.

Try to use "begins with class name" selector for the button  in the javascript code snippet like it is shown here: https://www.w3schools.com/cssref/sel_attr_begin.asp