Javascript 使用if esle执行slideDown

我有一个由两部分组成的表格，都在同一页上

我想要一个

元素作为表单的第二部分。

需要不可见，并且仅在填写表单的第一部分时显示。因此，当您填写表单并单击“下一步”时，

会向下滑动并显示表单的其余部分

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

---

根据您提供的信息，我认为您正在寻找：

HTML:-

<input type="button" id="btn1" value="Prev">
<input type="button" id="btn2" value="Next">
<div>welcome to mypage
    fill all the fields :- Form 1</div>
<p style="display:none">
    Now Fill this section :- Form 2
</p>

---

将两个部分放入两个具有id的分区中，并将第二个分区的样式显示设置为“无”

style="display:none"

然后用这个

$(document).ready(function(){
  $(".btn1").click(function(){
    $("div2").show();
    $("div1").hide().slideUp();
  });
  $(".btn2").click(function(){
    $("div1").show();
    $("div2").hide().slideDown();
  });
});

---

也请发布你的HTML。你的问题有点不清楚你到底想达到什么目的。那么你的问题是什么？

$(document).ready(function(){
  $(".btn1").click(function(){
    $("div2").show();
    $("div1").hide().slideUp();
  });
  $(".btn2").click(function(){
    $("div1").show();
    $("div2").hide().slideDown();
  });
});