1つのdivにカーソルを移動して他のdivにカーソルを合わせると

Question

他のdivにカーソルを移動して他のdivにカーソルを合わせる機能があります。

<div id="a">1</div> 
<div id="b" style="display:none;">2</div> 

#aと#bをホバーする方法は？ 私はcss3ソリューションが欲しいですが、jqueryも良いです。

Answer 1

$("#a").on({ 
    mouseenter: function() { 
     $("#b").show(); 
    }, 
    mouseleave: function() { 
     $("#b").hide(); 
    }, 
    click: function() { 
     alert('Holy crap! Someone clicked me!'); 
    } 
}); 

あなたは#A内#Bを配置する場合、あなたはそれ以外の場合は上記のjQueryのソリューションは、（1.7以降jQueryを使って）動作するはずです、CSSでそれを行うことができます。

Answer 2

CSSのソリューションは、このようなことにそれらを必要があります：ブロックを表示するために

<div id="a">1 
    <div id="b">2</div> 
</div> 

CSSのようになります。

#a:hover #b{ 
    display: block; 
} 

あなたがここでの例の両方見ることができます：http://jsfiddle.net/skip405/L93x7/

を

Answer 3

クロームでの作品：

http://jsfiddle.net/iambriansreed/uQfKw/

HTML：

<div id="a">1</div> 
<div id="b">2</div> 

CSS：あなたは可視性を切り替えたい

#a + #b { 
    display: none; 

} 
#a:hover + #b { 
    display: block; 

}