如何更改.slideUp和.slideDown javascript的目录

但是我怎样才能改变slideUp和slideDown的方向，使其从底部向内滚动，从底部向外滚动呢

$(document).ready(function() {
enableSelectBoxes();
});

function enableSelectBoxes(){
$('selectBox').hide();
$('div.selectBox').each(function(){
        $(this).children('span.selected').html($(this).children('div.selectOptions').children('span.selectOption:first').html());
        $(this).attr('value',$(this).children('div.selectOptions').children('span.selectOption:first').attr('value'));

    $(this).children('span.selected,span.selectArrow').click(function(){
        if($(this).parent().children('div.selectOptions').css('display') == 'none'){
            $(this).parent().children('div.selectOptions').slideDown(200);
        }
        else
        {
            $(this).parent().children('div.selectOptions').slideUp(200);
        }
    });

    $(this).find('span.selectOption').click(function(){
        $(this).parent().slideUp(200);
        $(this).closest('div.selectBox').attr('value',$(this).attr('value'));
        $(this).parent().siblings('span.selected').html($(this).html());
    });
});             
}

---

小提琴：

请创建小提琴或弹琴。如果更改会发生什么。向下滑动（200）；至.slideUp（200）；反之亦然？在这里is@mplungjan那不行

$(document).ready(function() {
enableSelectBoxes();
});

function enableSelectBoxes(){
$('selectBox').hide();
$('div.selectBox').each(function(){
        $(this).children('span.selected').html($(this).children('div.selectOptions').children('span.selectOption:first').html());
        $(this).attr('value',$(this).children('div.selectOptions').children('span.selectOption:first').attr('value'));

    $(this).children('span.selected,span.selectArrow').click(function(){
        if($(this).parent().children('div.selectOptions').css('display') == 'none'){
            $(this).parent().children('div.selectOptions').slideDown(200);
        }
        else
        {
            $(this).parent().children('div.selectOptions').slideUp(200);
        }
    });

    $(this).find('span.selectOption').click(function(){
        $(this).parent().slideUp(200);
        $(this).closest('div.selectBox').attr('value',$(this).attr('value'));
        $(this).parent().siblings('span.selected').html($(this).html());
    });
});             
}

slideUp -> display:none;
slideDown -> display: block;