我有一个谷歌地图作为某种侧边栏和一个黑色与opacity: 0.5;的叠加层，以在内容部分打开时禁用地图交互。当内容部分关闭时，地图叠加淡出并获得display: none; css属性以启用地图交互。
我使用jQuery fadeOut和fadeTo方法。
淡出叠加层按预期工作。它会将叠加层设置为opacity: 0;的动画，之后它会放置display: none;，以便用户可以与地图进行互动。
但是，当用户再次关闭地图时，叠加层应重新显示opacity: 0.5;和display: block;属性存在，但叠加层不可见。将元素悬停在chrome检查器中或使用1px更改宽度时，叠加层将跳转到外观。感觉就像浏览器错误/故障。
演示版可从以下网址获取：http://qact.us/bijverdienen/
非常感谢任何有关如何/为何发生这种情况的帮助/建议！