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