隱藏div並在懸停上顯示其他DIV

Question

如何在懸停時更改div？

這就是我想要做的一個例子：JS FIDDLE

Answer 1

你真的想JS？

<style> 
    #container #divB{ display: none; } 
    #container:hover #divB{ display: block; } 
    #container:hover #divA{ display: none; } 
</style> 

<div id="container"> 
    <div id="divA"> 
     DIV A is visible until hover 
    </div> 
    <div id="divB"> 
     DIV B must show up after hover DIV A and DIV A must hide 
    </div> 
</div> 

工作撥弄http://jsfiddle.net/KtckK/

Answer 2

我更新了小提琴，該示例使用jQuery的。

$('#divA').hover(

function() { // On mouse over 
    $(this).hide(); // this references the div. 
} 

//function() { // On mouse out 
// $(this).show(); // this references the div. 
//} 
); 

http://jsfiddle.net/eJ6Rq/11/

讓我知道，如果這就是你要找的，或者不是。

Answer 3

你可以嘗試jQuery的，看到http://jsfiddle.net/eJ6Rq/3/

$('#divA').hover(function(){$(this).hide(); $('#divB').show();});