title: Set div height to window height (Not 100% with CSS)
body: <p>I would like to get the window height with jQuery/JavaScript (which I'm not good at) and apply it to a few divs (3-4) with class 'slide'. Why I don't want to use <code>height: 100%;</code> in CSS is because some elements get covered by the ones that have height to 100%: <a href="http://prntscr.com/63cmlz" rel="nofollow noreferrer">screenshot</a> (I could make the footer 100% high but that would be a mess) and also because the height changes with zooming in/out (i.e. instead of staying for example 1080p, it changes to 100% and still fills window when zooming out).</p>
  
  <p>So then I found some answers here on stackoverflow, and some people were suggesting something like this: (from: <a href="https://stackoverflow.com/questions/20860892/set-height-of-div-relative-to-browser-window-height">here</a>)</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$(document).ready(function(){
   $(".slide").css("height", $(window).height());
  });
  $(window).resize(function(){
   $('.slide').css('height':($(window).height());
  });</code></pre>
  </div>
  </div>
  </p>
  
  <p>I've edited it a bit.</p>
  
  <p>I read a bunch of other posts on the same problem, and tried everything, but nothing seems to work for me. Even made a new set of files to test this alone, look at it on <a href="https://jsfiddle.net/3gLffpjw/1/" rel="nofollow noreferrer">JSFiddle</a>.</p>
  
  <p>Thanks in advance!</p>