顯示/隱藏div上的鼠標滑過部分

Question

我試圖添加一個設置鏈接裏面的部分顯示/隱藏時，徘徊。

部分已經顯示每個項目的ID。

.item{:id => dom_id(campaign)} 
    .. content here 

我有點困惑如何編寫一個js函數，只顯示/隱藏鏈接時，父div被徘徊。

Answer 1

根據您的jQuery的標籤，你的HAML例如，如果你的HTML如下：

.parent_div 
    .item{:id => dom_id(campaign)} 

那麼你的jQuery可以是這樣的：

$('.parent_div').hover(
    function() { 
    $(this).find('.item').show(); 
    } 
, function() { 
    $(this).find('.item').hide(); 
    } 
); 

Answer 2

即使你可以用JavaScript做。 。

例如，

function showDiv() { 
document.getElementById('test').style.display = "block"; 
} 
function hideDiv(){ 
document.getElementById('test').style.display = "hide"; 
} 

<div id='test' onmouseover='showDiv()' onmouseout='hideDiv()'> 
content... 
</div>