CodePen

HTML

            
              <button>Show</button>

<div class="hidden">
  <p>This is some content</p>
</div>

<div><p>This is some content</p></div>
            
          
!

↑ Insert the most common viewport meta tag

CSS

            
              div {
  height: 300px;
  background: blue;
  margin-bottom: 30px;
  visibility: visible;
  display: inline-block;
}

.hidden {
  visibility: hidden;
  height: 0;
  width: 0;
}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              $('button').on('click', function () {
  $('.hidden').removeClass('hidden');
});
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................