隐藏页面顶部到底部的d​​iv

Question

我想知道是否有办法隐藏div从顶部到底部。以下是代码：

$("#viewport").hide("blind", {direction: "vertical"},
                        4000, function (){
                            //do something
                            $("#viewport").fadeIn(3000);
                        });   

它的工作正常，除了从底部到顶部隐藏的方式。 一些建议？

由于

Answer 1

将direction: "vertical"替换为direction: "down"：

$("#viewport").hide("blind", {direction: "down"},
                    4000, function (){
                        //do something
                        $("#viewport").fadeIn(3000);
                    });  

示例：http://codepen.io/paulroub/pen/qtfdm