javascript - 使用 if esle 执行 slideDown

Question

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

我希望一个<p>元素成为表单的第二部分。<p>需要是不可见的，并且仅在填写表格的第一部分时才显示。因此，当您填写表格并单击下一步时，向下<p>滑动并显示表格的其余部分

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

Answer 1

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

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>

JS：-

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

查看演示

Answer 2

将这两个部分放在两个带有 id 的 div 中，并为第二个 div 设置样式显示 none。

style="display:none"

然后使用它。

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