I have a form consisting of 2 parts, both on the same page.

I want a `<p>` element to be part two of the form. The `<p>` 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 `<p>` slides down and shows the rest of the form

```
$(document).ready(function(){
  $(".btn1").click(function(){
    $("p").slideUp();
  });
  $(".btn2").click(function(){
    $("p").slideDown();
  });
});

```