Jquery Chrome / Firefox removeClass不一致

Question

我有以下设置：

HTML：

<div class="col right-bar hidden">
  <span class="db-display-file-description">
    <!-- JS inserts html here -->
  </span>
  <div class="overlay">
    <div class="msg">File info is diplayed here...</div>
  </div>
</div>

CSS：

.right-bar .overlay {
  visibility:hidden;
  opacity:0;
  transition:.3s;
  (...)
}
.right-bar.hidden .overlay {
  opacity:1;
  visibility:visible;
  (...)
}

然后我添加/删除类＆＃34;隐藏＆＃34;，隐藏内容（覆盖后面）

这在chrome和opera中运行良好（我在IE上测试，因为我在Linux上）但在FF（V。39 Linux）中我得到一个奇怪的＆＃34;闪烁＆＃34 ;它似乎隐藏了＃34; class被添加一瞬间。

Here is a video, where you can see the difference

最明确的是，html并不存在，因为如果你仔细观察，你可以看到短时间内出现的文字。

我使用MaterialiseCSS框架进行样式设计，但这不重要。

[编辑]这只是修复了自己。我去吃饭，当我回来时，把它展示给我的朋友，它再次起作用。但我仍然想知道，那里可能发生的事情......