title: make switch button show another form
body: <p>I have this switch on/off button, I want to make it shows another form when clicking on and when you click off I want to get back the 1st form</p>
  
  <p>here's my code :</p>
  
  <pre><code>&lt;h3&gt;transfer&lt;/h3&gt;
  &lt;input type="checkbox" id="id-name--1" name="set-name" class="switch-input"&gt;
    &lt;label for="id-name--1" class="switch-label"&gt; &lt;span id ="on"class="toggle--on"&gt;market&lt;/span&gt;&lt;span class="toggle--off"&gt; bank&lt;/span&gt;&lt;/label&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>I have tried using jquery toggle() but it's only showing the 2nd form without making the 1st form disappeared</p>
  
  <pre><code>$('#buttonLogin').on('click', function(e){
      $("#login_Box_Div").toggle();
      $(this).toggleClass('class1')
  });
  </code></pre>