在这种情况下，CSS转换无法正常工作

Question

我正在试图弄清楚为什么我的CSS转换不能正常工作。所以我有一个名为visible的类，我正在尝试通过切换来淡入和淡化元素。 CSS是

ul.feature-points { list-style: none; width: 36%; position: absolute; top: 19%; left: 2.4em; padding-left: 0; opacity: 0; -webkit-transition: opacity 2s ease; transition: opacity 2s ease; }
ul.feature-points.visible { opacity: 1;  }

和尝试调用转换的jQuery行是

retobj.$layer.show();

retobj.$layer.find('.feature-points').addClass('visible');

出于某种原因，当这种情况发生时，转换不起作用，我想知道它是否可能与我做其中一个祖先节目之前的事实有关。也许这些事件在浏览器中是冲突的还是什么？但我在多个浏览器中尝试过，它也做了同样的事情。

奇怪的是，如果我认为输入

$('.feature-points').toggleClass('visible');

反复到控制台然后我可以看到这些元素正常转换。

关于可能出错的任何想法？