JQuery .slideDown() 向上滑动

这有效，但我不知道为什么。在function capIn()，我心中的那条线$botcap.slideDown("slow")应该将 div 向下滑动。它会将其向上滑动。如果我尝试使用.slideUp()没有任何反应，就像它试图将其滑落一样。谁能向我解释一下吗？

$(".slide").hover(capIn, capOut);

function capIn(){
    //slide top caption down
    var $topcap = $(this).children(".topcap");
    $topcap.slideDown("slow");

    //slide bottom caption up
    //!! Why does slideDown slide caption up here?
    var $botcap = $(this).children(".botcap");
    $botcap.slideDown("slow")
}

function capOut(){
    //slide top back up
    var $topcap = $(this).children(".topcap");
    $topcap.slideUp("slow");

    //slide bottom back down
    var $botcap = $(this).children(".botcap");
    $botcap.slideUp("slow");
}

jQuery 的slideDown and slideUp函数实际上是用词不当。作为文档slideUp说：

通过滑动隐藏匹配的元素。

通过修改元素的高度来实现隐藏；通常，这意味着元素的下边缘看起来向上滑动，因此得名。但是，如果该元素锚定在底部（例如通过设置position: absolute and bottom: 0），高度修改将使顶部边缘看起来向下滑动。