Как реализовать step by step?

$(function() { 
  $('.nextBtn').on('click', function() { 
    var self = $(this); 
    var panel = self.closest('.panel'); 
    var next = panel.next(); 
     
    panel.addClass('hidden'); 
    next.removeClass('hidden'); 
  }) 
});

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<div class="container"> 
 
      <form role="form"> 
          <div class="panel panel-primary setup-content" id="step-1"> 
              <div class="panel-heading"> 
                   <h3 class="panel-title">Генотип</h3> 
              </div> 
              <div class="panel-body"> 
                  <div class="form-group form-check form-check-inline"> 
                    <input class="form-check-input" required="required" type="radio" name="exampleRadios" id="exampleRadios1" value="option1"> 
                    <label class="form-check-label" for="exampleRadios1"> 
                      Генотип 1 
                    </label> 
                  </div> 
                  <div class="form-group form-check form-check-inline"> 
                    <input class="form-check-input" required="required" type="radio" name="exampleRadios" id="exampleRadios2" value="option2"> 
                    <label class="form-check-label" for="exampleRadios2"> 
                      Генотип 2 
                    </label> 
                  </div> 
                  <div class="form-group form-check form-check-inline"> 
                    <input class="form-check-input" required="required" type="radio" name="exampleRadios" id="exampleRadios3" value="option3"> 
                    <label class="form-check-label" for="exampleRadios3"> 
                      Генотип 3 
                    </label> 
                  </div> 
                  <button class="btn btn-primary nextBtn" type="button">Далее</button> 
              </div> 
          </div> 
 
          <div class="panel hidden panel-primary setup-content" id="step-2"> 
              <div class="panel-heading"> 
                   <h3 class="panel-title">Фиброз</h3> 
              </div> 
              <div class="panel-body"> 
                  <div class="form-group"> 
                      <label class="control-label">Name</label> 
                      <input maxlength="200" type="text" required="required" class="form-control" placeholder="Enter Company Name" /> 
                  </div> 
                  <button class="btn btn-primary nextBtn" type="button">Далее</button> 
              </div> 
          </div> 
 
          <div class="panel hidden panel-primary setup-content" id="step-3"> 
              <div class="panel-heading"> 
                   <h3 class="panel-title">Интерферон</h3> 
              </div> 
              <div class="panel-body"> 
                  <div class="form-group"> 
                      <label class="control-label">Name</label> 
                      <input maxlength="200" type="text" required="required" class="form-control" placeholder="Enter Company Name" /> 
                  </div> 
                  <button class="btn btn-primary nextBtn" type="button">Далее</button> 
              </div> 
          </div> 
 
          <div class="panel hidden panel-primary setup-content" id="step-4"> 
              <div class="panel-heading"> 
                   <h3 class="panel-title">ВИЧ</h3> 
              </div> 
              <div class="panel-body"> 
                  <div class="form-group"> 
                      <label class="control-label">Name</label> 
                      <input maxlength="200" type="text" required="required" class="form-control" placeholder="Enter Company Name" /> 
                  </div> 
                  <button class="btn btn-primary nextBtn" type="button">Далее</button> 
              </div> 
          </div> 
 
          <div class="panel hidden panel-primary setup-content" id="step-5"> 
              <div class="panel-heading"> 
                   <h3 class="panel-title">Результат</h3> 
              </div> 
              <div class="panel-body"> 
                  <div class="form-group"> 
                      <label class="control-label">Name</label> 
                      <input maxlength="200" type="text" required="required" class="form-control" placeholder="Enter Company Name" /> 
                  </div> 
                  <button class="btn btn-success" type="submit">Отправить</button> 
              </div> 
          </div> 
      </form> 
      </div>