jquery - jQuery淡入淡出并同时滑动

我试图同时在悬停上滑动/淡入一个div，然后在悬停末尾使用JQuery滑动/淡入一个div。滑入/淡入正常工作，但滑入/淡入无效。它只是滑入而不会褪色。有任何想法吗？

#myDiv {
    display: none;
    height: 110px;
    position: absolute;
    bottom: 0px; left: 0px;
}

$('#anotherDiv').hover(function() {
    $('#myDiv').stop(true, true).slideDown(slideDuration).fadeIn({ duration: slideDuration, queue: false });
}, function() {
    $('#myDiv').stop(true, true).slideUp(slideDuration).fadeOut({ duration: slideDuration, queue: false });
});

最佳答案

答案是，一旦激活了任何一种效果，它将使元素的内联css属性“display = none”脱离。这些隐藏效果要求将display属性设置为“none”。因此，只需重新排列方法的顺序，并在淡入淡出和滑动之间的链中添加css-modifier。

$('#anotherDiv').hover(function() {
    $('#myDiv').stop(true, true).fadeIn({ duration: slideDuration, queue: false }).css('display', 'none').slideDown(slideDuration);
}, function() {
    $('#myDiv').stop(true, true).fadeOut({ duration: slideDuration, queue: false }).slideUp(slideDuration);
});