使切换按钮显示另一种形式

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')
});