Show next div on click code example

Example 1: button click show next section

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
  <section>
    <div class="row normalTopPadding personalInfomation">
      <!--Loads of HTML and Stuff-->
      <a id="myButton" class="reg-next-button btn btn-default">Next 1</a>
    </div>
  </section>

  <section>
    <div class="row normalTopPadding employerInfomation">
      <!--Loads of HTML and Stuff-->
      <a id="myButton" class="reg-next-button btn btn-default">Next 2</a>
    </div>
  </section>

  <section>
    <div class="row normalTopPadding accountInfomation">
      <!--Loads of HTML and Stuff-->
      <a id="myButton" class="reg-next-button btn btn-default">Next 3</a>
    </div>
  </section>
</form>

Example 2: button click show next section

$('.row').not(':first').css('display', 'none');

$('.row > a').click(function() {
  $(this).parents('.row').toggle();
  $(this).parents('section').next('section').find('.row').toggle();
})

Tags:

Misc Example