title: jquery - detect dynamic change height of div
body: <p>please help me with this problem.</p>
  
  <p>I use ajax search on my site. I want to create an overlay div with class active that be displayed after ajax filling the field with results (height change).
  at the beginning I have an empty div element with height = 0</p>
  
  <pre><code>&lt;div id="search-results" style="height: 0px;"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>After entering the search phrase, Ajax will fill this field with references.</p>
  
  <pre><code>&lt;div id="search-results" style="height: 250px;"&gt;&lt;a&gt;&lt;/a&gt;&lt;a&gt;&lt;/a&gt;&lt;a&gt;&lt;/a&gt;&lt;/div&gt;
  </code></pre>
  
  <p>How do I detect this dynamic height change of this field? and conversely, if the amount is again changed to 0, the overlay div will disappear.</p>
  
  <p>thx</p>