title: jQuery UI Layout - How change a pane's options and dynamically apply them without toggling the pane open/closed?
body: <p><a href="http://jsfiddle.net/jc3rj681/2/" rel="nofollow">http://jsfiddle.net/jc3rj681/2/</a></p>
  
  <p>Using the plugin <a href="http://layout.jquery-dev.com/" rel="nofollow">jQuery UI Layout</a>, I have several different panes. When the user resizes the window to a small size, I would like to call a function that changes the <code>minsize</code> and <code>size</code> of the pane so that I can make it smaller with the window.</p>
  
  <p>I can do this, but for the changes to apply, I must toggle closed and then toggle open the pane. This creates a lot of flickering and ends up being pretty messy looking. I only need this one pane to resize in this fashion.</p>
  
  <p><strong>QUESTION:</strong> Is there a way I can apply these layout changes without having to toggle the pane twice for them to apply?</p>
  
  <p>Check out this <strong>Fiddle</strong> that I made: <a href="http://jsfiddle.net/jc3rj681/2/" rel="nofollow">http://jsfiddle.net/jc3rj681/2/</a></p>
  
  <p>In here, the changes to the "width" of the show/hide button don't get applied until you toggle the pane. If you can make this width change work without toggling, I'm sure it would solve my problem as well.</p>
  
  <pre><code>$("#eastToggle").click(function () {
  
      testLayout.toggle('east');    
  });
  
  
  $("#attempt").click(function () {
      testLayout.options.east.spacing_closed = 20;
      testLayout.options.east.spacing_open = 20;
  });
  </code></pre>