javascript - 隐藏 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();});