title: Jquery UI panel resizing on click
body: <p>I am using Jquery Ui panels.([<a href="http://code.google.com/p/ist-ui-panel/][1]" rel="nofollow noreferrer">http://code.google.com/p/ist-ui-panel/][1]</a>)</p>
  
  <p>While loading the application, everything is fine like collasible, draggable etc.</p>
  
  <p>But i want to make the panel collapsible while clicking on some links.fo ex:</p>
  
  <p>This code will run when the form is loading....</p>
  
  <pre><code>$('#myNews').panel({
      'collapsible' :true,
      'stackable':false,
   });
  </code></pre>
  
  <p>The html</p>
  
  <pre><code>&lt;div  class="panel" id="myNews" &gt;
  &lt;h3&gt;Poll&lt;/h3&gt;
  &lt;div&gt;Some content&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I want to make 'collapsible' :false when clicking some link.... like this</p>
  
  <pre><code>$('#click1').click(function() {
     $('#myNews').panel({
        'collapseType':'slide-right',
        'collapsible':false,
      });
  });
  </code></pre>
  
  <p>the code is running without any error, but the '#myNews' not getting affected when clicking the '#click1' link.</p>
  
  <p>Need some help pls.</p>
  
  <p>Thanks in advance</p>