title: How to get the height of a hidden absolute div
body: <p>I have a div which is hidden and has absolute position and i want to get it's height so i can set it via jQuery</p>
  
  <pre><code>.parent2{
      display: block;
      position: relative;
      overflow: hidden;
      width: 100% !important;
      height: 100% !important;
  }
  
  .hidden_div{
      position: absolute;
      width: 100% !important;
      height: 100% !important;
      padding: 15px;
      top: 0;
      left: 0;
      opacity: 0;
      visibility: hidden;
      overflow: hidden;
      overflow-y: auto;
  }
  </code></pre>
  
  <p>I have tried the following without any result:</p>
  
  <pre><code>var div_height = $(".hidden_div").height();
  var div_height = $(".hidden_div").outerHeight();
  var div_height = $(".hidden_div").actual("height");
  //or innerHeight or outerHeight using the plugin at https://github.com/dreamerslab/jquery.actual/
  </code></pre>
  
  <p>EDIT:</p>
  
  <p>this is the layout:</p>
  
  <pre><code>&lt;div class="parent1"&gt;
      &lt;div class="parent2"&gt;
          &lt;div class="hidden_div"&gt;
  
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>parent1 has no css</p>