javascript - 隐藏全屏按钮不起作用

Question

我试图像皇家滑块上的箭头键一样隐藏 FS 按钮，但它不起作用，我不知道为什么......

Royalslider.css 行 cca 50：

.rsArrow,
.rsNav,
.rsThumbsArrow,
.rsFullscreenBtn {
     opacity: 1;
    -webkit-transition:opacity 0.3s linear;
    -moz-transition:opacity 0.3s linear;
    -o-transition:opacity 0.3s linear;
    transition:opacity 0.3s linear;
}

和 certifikat.html js：

<script>
    var slider = $('.royalSlider'),
        btn =  slider.find('.rsFullscreenBtn').addClass('rsHidden');
    slider.hover(function() {
        btn.removeClass('rsHidden');
    }, function() {
        btn.addClass('rsHidden');
    });
</script>

文件：下载

编辑：

我发现这个工作：

$(document).ready(function(){
    $('.royalSlider').mouseover(function(){
    $('.rsFullscreenBtn').removeClass('rsHidden');
}).mouseout(function(){
    $('.rsFullscreenBtn').addClass('rsHidden');
});
});

但是如何在鼠标悬停之前为 rsFullscreenBtn 添加类 rsHidden？在鼠标悬停之前，这个按钮应该已经隐藏了...... Thnaks