Streaming live at 10am (PST)

Slider stops working after adding necessary jquery code

The slides seems to stop working after adding the following jquery. Any clues why?

The added code

Webflow.push(function() {
  $('.dropdown-toggle').click(function(e) {
    e.preventDefault();
    $('.white-box').css('display', 'none');
    $('.schema-button-close').css('display', 'none');
    $('.schema-button-open').css('display', 'block');
  });
});  
  
Webflow.push(function() {
  $('.schema-button-open').click(function(e) {
    e.preventDefault();
    $('.white-box').css('display', 'block');
    $('.schema-button-open').css('display', 'none');
    $('.schema-button-close').css('display', 'block');
  });
  $('.schema-button-close').click(function(e) {
    e.preventDefault();
    $('.white-box').css('display', 'none');
    $('.schema-button-open').css('display', 'block');
    $('.schema-button-close').css('display', 'none');
  });
});

The error in the console

Uncaught TypeError: Cannot read property ‘mask’ of undefinedmaskChanged @ 18674585-0466f9e3281f0ed3-833d90d657049.d85b37932.js:3809render

function maskChanged(data) {
var maskWidth = data.mask.width();
  if (data.maskWidth !== maskWidth) {
    data.maskWidth = maskWidth;
    return true;
  }
  return false;
}