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');
});