$("div").click(function () { $(this).hide("slide", { direction: "down" }, 1000); }); 

I am new to Jquery please bear with me.

How do I reverse this code to slide element into viewport as opposed to slide out of view port.  

This is the link to the effect  http://docs.jquery.com/UI/Effects/Slide

What I want to do is the element will be hidden originally on loading the page and then slides into view with a click anywhere on the page, an anchor or after a few seconds.