title: Before after resize event
body: <p>I would like to do something before and after resizing element, i have tried to bind resize event and it work:</p>
  
  <pre><code>$('#test_div').bind('resize', function(){
              // do something
  });
  </code></pre>
  
  <p>I have found some questions, but the solutions are <code>timeout</code>, i don't want to use <code>timeout</code>. I would just like to process immediately :) </p>
  
  <p><strong>See also:</strong></p>
  
  <ul>
  <li><p><a href="https://stackoverflow.com/questions/2854407/javascript-jquery-window-resize-how-to-fire-after-the-resize-is-completed">JavaScript/JQuery: $(window).resize how to fire AFTER the resize is completed?</a></p></li>
  <li><p><a href="https://stackoverflow.com/questions/5489946/jquery-how-to-wait-for-the-end-or-resize-event-and-only-then-perform-an-ac">jQuery - how to wait for the 'end' or 'resize' event and only then perform an action?</a></p></li>
  </ul>
  
  <p>Thank for any suggestions :)</p>