Streaming live at 10am (PST)

Slider stops working after adding necessary jquery code


#1

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;
}

#2