javascript - 从页面顶部到底部隐藏一个div

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