使开关按钮显示另一种形式

Question

我有这个开关开/关按钮，我想让它在点击时显示另一个表单，当你点击时我想要回到第一个表单

这是我的代码：

<h3>transfer</h3>
<input type="checkbox" id="id-name--1" name="set-name" class="switch-input">
  <label for="id-name--1" class="switch-label"> <span id ="on"class="toggle--on">market</span><span class="toggle--off"> bank</span></label>
  </div>

我尝试过使用jquery toggle（）但它只显示第二种形式而没有使第一种形式消失

$('#buttonLogin').on('click', function(e){
    $("#login_Box_Div").toggle();
    $(this).toggleClass('class1')
});

Answer 1

那是因为你只是在没有对另一个表单做任何事情的情况下切换一个表单。

$('#buttonLogin').on('click', function(e){
    $("#another_Box_Div").toggle();
    $("#login_Box_Div").toggle();
    $(this).toggleClass('class1')
});