[解決済み] jQuery.addClassが動作しない

質問

これは有効なように見えますが、うまくいきません。 私は、メニューにマウスを置いたときに 'huh' div が不透明になるようにしたいのです。 フェードイン・アウトで試したところ、うまくいきましたが、一度だけだったので、変な感じでした。

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

</script>

.opacity {
    opacity: 0.3;
}

解決方法は？

ドット無しで使用します。

 $(function(){

        $('#menuNav').hover(function(){

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