CB FLOW no jump

by pphheerroonn

HTML

<style>
  <!-- .flow input + label {
    cursor: pointer;
  }
  
  .flow input,
  .hidden {
    display: none;
  }
  
  .flow input:checked + label {
    background-color: blue;
    color: white;
  }
  /* Show div*/
  
  .flow input:checked ~ div,
  .flow input:checked ~ a div {
    display: block;
  }
  
  -->

</style>

<div class="flow">

  <div><img class="center" height="75px" src="https://www.compub.com/media/wysiwyg/Basics/Student/Student-Login2.png" style="top: -25px; position: absoloute;" width="75px" />
    <input type="radio" id="s1" name="num" checked="true" />
    <label for="s1">Create an account</label>
    <div class="hidden" id="section1">
      <p>Enter your name address</p>
      <p>and contact number.</p>
    </div>
  </div>
<div>
  <input type="radio" id="s2" name="num" />
  <label for="s2">Snap your Student ID</label>
    <div class="hidden">More content here</div>
</div>
<div>
  <input type="radio" id="s3" name="num" />
  <label for="s3">Save 9-10%</label>
    <div class="hidden">More content here</div>
</div>
<div>
  <input type="radio" id="s4" name="num" />
  <label for="s4">Enjoy Your New Mac!</label>
  <div class="hidden" style="width:100px;height:100px;">More content here</div>
</div>
</div>