divをホバーに置き換える（divロールオーバー）

Question

私は異なるデータを持つ2つのdivを持っています。私はdivを他のホバリングと置き換えたい。

私はCSSでこれを行うことができますが、私のデータには画像とリンクがあります。ので、私はイメージのために

<a href=""></a>

を置くことができないCSSで画像を使用しています。 私はダイビングで4つのイメージを持っています。 だから私は最初のdivを2番目のdivに置き換える必要がありますその領域をホバリングを使用するときにしたい。

は

Answer 1

ので、私は与えられたと仮定していませ例をありがとうございません。

HTML

<div id="div1">Some data</div> 
<div id="div2" style="display:none;">Some other data</div> 

（jQueryを使って）Javascriptの

$("#div1").on('mouseover', function() { 
    $("#div2").show(); 
    $(this).hide(); 
}); 

これは、それが何をしたいかどうかを確認し、それを試してみるようにテストされていません。

Answer 2

javacriptを使いたくない場合は、このようにすることができます。

divの内容を変更することができます。

.child-one{ 
 
    display : block; 
 
} 
 

 
.child-two{ 
 
    display : none; 
 
} 
 

 
.parent:hover .child-one{ 
 
    display : none 
 
}

<div class="parent"> 
 
    <div class="child-one"> 
 
    text of child one 
 
    </div> 
 
    <div class="child-two"> 
 
    text of child two 
 
    </div> 
 
</div>