jquery - jQuery - 別の要素にカーソルを合わせて要素を表示する

Question

これは、表示する必要がある要素がホバーの子である場合、CSS で簡単に実行できますが、そうではありません。ドキュメントの別のセクションにあります。

「[ + ]」要素にカーソルを合わせるとメニューが表示されるようにしようとしています。

ライブ: http://blnr.org/testing

Jfiddle: http://jsfiddle.net/bUqKq/5/

jQuery:

$(document).ready(function(){
    $("header[role='masthead'] #container #left nav#static span").hover(
        function(){$("header[role='masthead'] nav#active").show();},
    );
});

Answer 1

これは、1 つの要素にカーソルを合わせると、まったく別の要素が変更される簡単な例です。

http://jsfiddle.net/bUqKq/6/

<div id="one">hover here</div>
<div id="two">hover here2</div>

 

$("#one").on("mouseover",function(){
    $("#two").css({
        color:"red"
    })
});

$("#one").on("mouseout",function(){
    $("#two").css({
        color:"black"
    })
});

$("#two").on("mouseover",function(){
    $("#one").css({
        color:"red"
    })
});


$("#two").on("mouseout",function(){
    $("#one").css({
        color:"black"
    })
});