jQuery slideDown slideUp错误

Question

当我将鼠标悬停在一个元素上时，我使用以下代码来制作slideDown/slideUp效果的动画。slideDown似乎工作正常，但是当鼠标不再悬停在元素上时，slideUp就不起作用了。

$('div.guest-tile-holder').hover(function() {
    $(this).find('div.options-bar').slideDown('slow');
}), function() {
    $(this).find('div-options-bar').slideUp('slow');
};

要让slideUp正常工作，我还缺少什么？

Answer 1

在第二个悬停函数中存在语法错误(第3行的右括号应位于第5行)和拼写错误。你是在找'div-options-bar'，而不是'div.options-bar'

$('div.guest-tile-holder').hover(function() {
    $(this).find('div.options-bar').slideDown('slow');
}, function() {
    $(this).find('div.options-bar').slideUp('slow');
});