JQuery .slideDown()正在向上滑动

Question

这有效,但我不知道为什么.在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");
}

Answer 1

jQuery slideDown和slideUp函数实际上是用词不当.正如文件slideUp所说:

使用滑动动作隐藏匹配的元素.

通过修改元素的高度来实现隐藏; 通常,这意味着元素的下边缘似乎向上滑动,因此名称.但是,如果元素锚定在底部(例如通过设置position: absolute和bottom: 0),则高度修改将使顶部边缘看起来向下滑动.