不透明度转换不适用于jQuery

Question

我正在一个新站点上工作，并且需要一个功能，使具有背景的一个div可以“更改为另一个”（实际上是将其重叠）。

我已经尝试过，但是没有用。有时甚至不将内联样式应用于第二格。

1. 我用FadeOt尝试了diplay: none;

2. 我尝试了hide().css({opacity, 1,});

3. 试图删除除jQuery以外的所有库，以防万一。

在检查小提琴之前，这是相当困难的。 https://jsfiddle.net/xvye1k9g/3/

我希望它会将新的bg元素的不透明度逐渐提高到1，但是仍保持为0。