jquery - jQuery - 要素Aの上にカーソルを置いたときに要素Bを非表示にするにはどうすればよいですか?

Question

2 つの要素があり、要素 A のマウスオーバーで要素 B を非表示にする必要があります。jQuery でこれを行うにはどうすればよいですか? 私の現在のコードはこれです：

$(".rule").hover(function() {
            $(".jobDesc").hide();
        }
    );

私はjQuery 1.7.1.minを使用しています。

Answer 1

DOM ready で呼び出す必要があります。その後、機能します

$(function (){
 $(".rule").hover(function() {
        $(".jobDesc").hide();
    }); 
})

ここにデモがあります