Answered SecurityError: Permission denied to access property "css" on cross-origin object

[Johna]

What does this error mean? It's on CodePen:
SecurityError: Permission denied to access property "css" on cross-origin object

This is the JavaScript that's giving the error:

var button = $("#button");
var top = $("#top");
var middle1 = $("#middle1");
var middle2 = $("#middle2");
var bottom = $("#bottom");

button.click(function() {
  if (button.hasClass("open")) {
    button.removeClass("open");
    top.css("display", "block");
  } else {
    button.removeClass("open");
    top.css("display", "none");
  }
});

 

[Johna]

I just found out why.
If I changed the name of the top variable, then it worked, so I guess top is already something used in JS.

I should have tried this before making the thread, but at least if anyone else gets the same error they know what to do. 😀

lol, now it looks like I'm giving myself free solutions