title: How to trigger jquery resizable from another event
body: <p>I have a window that is resizable:</p>
  
  <pre><code>$(".question-case-story").resizable( 
                                      {   handles:{'s': handle },
                                          alsoResize: ".question-case-inner",
                                          //minHeight: #,
                                          //maxHeight: #,
                                          maxHeight: $(".question-case-story").height(),
                                          resize: function (event, $this) { $(this).css({left:'inherit', top:'inherit'}); }
                                      });
  </code></pre>
  
  <p>When I click button to do something elsewhere, I want to cause this resize to happen automatically, but to a specific height (the window height). How can I do this?</p>
  
  <p>I found a similar question, but it doesn't address how to set any specifics: <a href="https://stackoverflow.com/questions/2523522/how-to-trigger-jquery-resizable-resize-programmatically">How to trigger jquery Resizable resize programmatically?</a></p>
  
  <p>Same thing here: <a href="http://forum.jquery.com/topic/triggering-resize-event-set-by-resizable" rel="nofollow noreferrer">http://forum.jquery.com/topic/triggering-resize-event-set-by-resizable</a></p>
  
  <p>I'm running jQuery UI v. 1.9.2</p>
  
  <p><strong>Update:</strong> I can't just "set" the new height (<code>$(thing).css('height', whatever)</code>) because there are other things going on inside that div that interact with the resizable functionality.</p>