Mostrar / Esconder

by Yure Pereira

HTML

<script src="https://code.jquery.com/jquery-1.12.0.min.js"></script>
<div class="code"></div>
<div class="code"></div>
<div class="code"></div>
<div class="code"></div>
<div class="code"></div>
<div class="code"></div>
<div class="code"></div>
<div class="code"></div>
<div class="code"></div>
<div class="code"></div>
<input type="button" id="btn-show-hide" value="Mostrar / Esconder">

CSS

.code {
  
  min-height: 10px;
  background: #ccc;
  margin-bottom: 5px;
  
}

JavaScript

$(function() {

  var codes = $('.code');
  var first5 = $('.code:lt(5)');
  
  codes.toggle();
  first5.toggle();

  $('#btn-show-hide').click(function() {
  
    codes.toggle();
    first5.toggle();
  
  });

});