jQuery动画功能没有正确动画

Question

我对jQuery（以及一般的编程）相当新。我正在尝试为移动网站创建过滤功能并遇到麻烦。单击“按过滤依据”按钮时，隐藏的div进入视图。一切都很好，除了。按钮需要使用div的其余部分进行动画处理。我可以让它下降，但不能再次备份。这是我的代码。

CSS：

#filter_button{
    display:none;
    z-index:499;
    width:75px;
    left:60%;
    height:75px;
    border:solid 2px green;
    border-radius:250px;
    background-color:#fff;
    top:-25px;
    position:fixed;

}

@media screen and (max-width:730px){
        #filter_button{
            display:block;
        }
}

jQuery的：

  $('#filter_button').on('click', function(){ 
     $('#mobile_filter').slideToggle();

        var div1height = $('#filters').height()+$('#vehicle').height();
        var div2height = div1height+$('#categories').height();

        if ($('#mobile_filter').css('display')== 'none'){ 

           $('#filter_button').animate({top:-25});

        }else{
           $('#filter_button').animate({top:div2height-5});
        }
    });

非常感谢任何帮助。