title: Why when hide a div it's space exist there
body: <p>I want to hide a <code>div</code> when clicking a button. <code>div</code> hides well when clicking the button. But when div hides space still exists there.</p>
  <p>It means there are two <code>div</code>(It can be more than two). I want to hide the div and space also and below <code>div</code> replace with hiding one.</p>
  <p>I have mentioned my tried in jsfiddle: <a href="https://jsfiddle.net/c2pnv7o6/17/" rel="nofollow noreferrer">https://jsfiddle.net/c2pnv7o6/17/</a></p>
  <p>How can I fix this?</p>