title: Calling script inside jquery code
body: <p>The following code should trigger on change toggle containers that showing resized text to fit into a box.</p>
  
  <pre><code>&lt;head&gt;
  &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="http://jquery-textfill.github.io/jquery-textfill/jquery.textfill.min.js"&gt;&lt;/script&gt;
  
  &lt;script&gt;
  $(function(){
    $(".clsNumber").textfill();
  });
  &lt;/script&gt;
  
  &lt;script&gt;
  $(document).ready(function(){
    $("button").click(function(){
      $(".clsToggle").slideToggle();
    });
  });
  &lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
    &lt;div class="clsToggle"&gt;
      &lt;div class="clsNumber" style="width:100px; height:50px; background-color:red;"&gt;
        &lt;span&gt;One&lt;/span&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="clsToggle" style="display:none;"&gt;
      &lt;div class="clsNumber" style="width:100px; height:50px; background-color:green;"&gt;
        &lt;span&gt;Two&lt;/span&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;button&gt;click me&lt;/button&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>I would like that the resized text will work for both toggle containers.</p>
  
  <p>Any reason why the hidden box (<code>display:none;</code>) ignores the other script (jQuery TextFill)?</p>