title: jQuery colorbox resize
body: <p>I'm using the jQuery plugin ColorBox.</p>
  
  <p>Inside of my file have use jquery hide &amp; slideToggle.</p>
  
  <p>I need to change colorbox's height when I click and slide hidden div.</p>
  
  <p>I have tried <code>colorbox resize</code> or <code>$("#ajax_container").height($("#a").height());</code></p>
  
  <p>Both are not working, is there any way to do this?</p>
  
  <pre><code>&lt;script&gt;
      $(document).ready(function(){
          $("#a").hide();
  
          $("#click_a").click(function(){
              $("#a").slideToggle(200);
              $.colorbox.resize();
          });
      });
  &lt;/script&gt;
  
  &lt;style&gt;
      #ajax_container {
          width:680px;
          min-height:400px;
          overflow:hidden;
          background:white;
      }
      #a {
          width:500px;
          height:5500px;
          background:red;
          margin-bottom:50px;
      }
  &lt;/style&gt;
  
  &lt;div id="ajax_container"&gt;
      &lt;a id="click_a" href="#"&gt;Click me&lt;/a&gt;
      &lt;div id="a"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>