如何隱藏和顯示DIV

Question

我有非常小的事情，那就是：

我有兩個div，被稱爲「第一」，「第二」。最初，div「second」隱藏，div「first」在頁面加載時可見。一旦我將鼠標懸停在div「第一個」上，「second」div就可見並且「第一個」隱藏起來。現在我想要它，然後當我從「第二」div中移出時，「第一」div應該可見，「second」應該隱藏。我的問題是，我第一次將鼠標懸停在「first」div上時，「second」會變爲可見，但後來鼠標懸停不起作用，「second」div未隱藏。

$('#first').hover(function(){ 
$('#second').hide(); 

}); 


$('#second').onmouseover(function(){ 
$('#second').hide(); 
$('#first').show(); 

}); 
<div id="first"> First </div> 
<div id="second"> Second </div> 

Answer 1

沒有onmouseover功能，您可以使用mouseover或.on('mouseover',.....)

你可以這樣做：

$('#first').on('mouseover', function(){ 
    $('#second').show(); 
    $('#first').hide(); 
}); 

$('#second').on('mouseout', function(){ 
    $('#first').show(); 
    $('#second').hide(); 
}); 

Fiddle Demo

Answer 2

Working Fiddle

$('#first').on('mouseover', function(){ 
    $('#second').show(); 
    $('#first').hide(); 
}); 

$('#second').on('mouseout', function(){ 
    $('#first').show(); 
    $('#second').hide(); 
});