Semantic UI visibility error

I am developing a website using Semantic UI and I stumbled upon this error:

“Exception from Tracker afterFlush function: TypeError: “#upperDiv”.visibility is not a function”

I have developed other websites using Semantic Ui and the code is 100% the same so I don’t know why I get this error.

JS file

('#upperDiv')
.visibility({
onTopPassed: function(calculations) {
  console.log('Shabooom');
  $('#achievementsTitleDiv')
  .velocity("transition.slideUpBigIn", { stagger: 250 })
  .delay(750)
  .velocity({ opacity: 1 }, 750)
  $('#achievementsDiv')
  .velocity("transition.slideUpBigIn", { stagger: 250 })
  .delay(750)
  .velocity({ opacity: 1 }, 750)

}
});

CSS file

#achievementsTitleDiv{
  visibility: hidden;
}

#achievementsDiv{
  visibility: hidden;
}

HTML file


Source: stackoverflow-javascript