title: execute slideDown with if esle
body: <p>I have a form consisting of 2 parts, both on the same page.</p>
  
  <p>I want a <code>&lt;p&gt;</code> element to be part two of the form. The <code>&lt;p&gt;</code> needs to be invisible and only shown when the first part of the form has been filled in. So when you fill in the form and click next, the <code>&lt;p&gt;</code> slides down and shows the rest of the form</p>
  
  <pre><code>$(document).ready(function(){
    $(".btn1").click(function(){
      $("p").slideUp();
    });
    $(".btn2").click(function(){
      $("p").slideDown();
    });
  });
  </code></pre>