显示选择列表后触发悬停

Question

我有一个具有悬停功能的div：

d = $("<div></div>");
d.hover(function() {        
    $(this).stop();
    $(this).animate({
        'margin-left' : '-250px'
    }, 250, function () {
    });
}, function() {
    $('input').blur();
    $(this).stop();
    $(this).animate({
        'margin-left' : '-10px'
    }, 250, function () {
    });
});
$('body').append(d);   

在这个div中，我动态创建一个下拉菜单。我这样用它

box3 = $("<p></p>");
box3.val('Create');
box3.html(  '<u>All attributes</u><br>'+                        
            '<select id="attSelect"></select><BR>'


);      

d.append(box3);

然后我用选项填充选择。

现在，当通过单击选择菜单的下拉按钮显示选择列表时，将触发悬停的第二个功能。这是因为鼠标不再是＆＃34; over＆＃34; div。

在尝试取消选择某些内容后，如何防止div悬停功能被激活？