在滑块中我想更改当前幻灯片上的样式

Question

我在wordpress中使用Accordion滑块。在我的滑块中，我给了图像opacity:0.7。我试图在当前滑块上删除此不透明度。我是Jquery的新手。

这是我滑块的结构

<div id="accordion-slider-1">
    <div class="as-mask">
       <div class="as-panels">
           <div class="as-panel as-shadow as-opened">
            <img class="as-background" src="" />
            </div>
       </div>
    </div>
</div>

以下是有效课程.as-opened

这是我的自定义CSS

.as-panel .as-shadow{
background-color:#fff;
}
.as-panel .as-shadow img{
opacity:0.9;
}

Answer 1

.as-opened{
 opacity:0.7;
 transition:1s linear;

}

这是一个没有jquery的解决方案