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