jquery - jQuery.addClass が機能しない

Question

これは有効に見えますが、機能していません。メニューにカーソルを合わせたときに、「ハァッ」div が不透明になるようにしたいと思います。フェードイン/アウトでこれを試してみましたが、うまくいきましたが、奇妙だったのは一度だけです。

 <script type="text/javascript">
    $( function() {
        $('#menuNav').hover( function() {
            $('#huh').addClass('.opacity');
        }, function(){
            $('#huh').removeClass('.opacity');
        });
    });

</script>

.opacity {
    opacity: 0.3;
}

Answer 1

$( function() {
    $('#menuNav').hover( function() {
        $('#huh').toggleClass('opacity');
    });
});

Answer 2

.このJavaScriptを削除してから使用してください

 $(function(){
    $('#menuNav').hover(function(){
        $('#huh').addClass('opacity');
    }, function(){
        $('#huh').removeClass('opacity');
    });
 });

Answer 3

これを試して

$("#menuNav").mouseenter(function() {
    $('#huh').addClass('opacity');
}).mouseleave(function() {
    $('#huh').removeClass('opacity');
});