jquery - 1つのdivがjquery cssでマウス移動しているときにリンクを表示する

Question

ユーザーがマウスを 1 つの div の上に移動したときに 2 つのリンクを表示し、ユーザーが div を離れたときにそれらを非表示にしたい場合は、これを行います。

    <div id="mydiv"  style="background-color : red;width:100px;height:100px;position: relative;" >
<div id="subdiv1" style="position: absolute;" >
<a href="#" style="color:red;" >link 1</a>
</br><a href="#" style="color:red;" >link 2</a>
</div>
<div id="subdiv2" style="width:60px;height:60px;background-color : blue;" ></div
</div>

しかし、結果はありません

どうすればこれを達成できますか

ありがとう

Answer 1

この JavaScript を使用します。

$('#subdiv1').hide();
$('#subdiv2').mouseover(function(){
    $('#subdiv1').show();
});
$('#subdiv2').mouseleave(function(){
    $('#subdiv1').hide();
});

Answer 2

あなたはこのようなsmthをしたいですか?:

http://jsfiddle.net/c6AnE/6/

HTML:

<div id="one">
    <a href="#">#1 link</a>
    <a href="#">#2 link</a>
</div>
<div id="two">
</div>

Jクエリ:

$("#two").mouseenter(function(){
      $("#one").hide();
    });
$("#two").mouseleave(function(){
      $("#one").show();
    });

CSS:

#one {
    position:absolute;
    background-color:red;
    width:50px;
    height:50px;
}
#two {
    position:absoluite;
    margin-left:30px;
    background-color:blue;
    width:60px;
    height:60px;
}