JQuery .slideDown () скользит вверх

Это работает, но я не уверен, почему. В функции 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");
}