title: Jquery Image Slide Up After Page Load
body: <p>Pls I am working on a website. I want a situation on the home page where an image of a man standing will slide up 1 or 2 seconds after the whole page has loaded. I need someone to help me with a codepen example.</p>
  
  <p>Below is the code I inserted in the head section. I set the image to display:none in css, but when I refresh, I found out it's not working. #man is the id of the image.</p>
  
  <p>Thank u.</p>
  
  <pre><code>$(function() {
      $("#man").one('load', function () {
          $(this).show("slide", { direction: "up" }, 2000);
      }).each(function() { 
          if(this.complete)
              $(this).load();
      });
  });
  </code></pre>