title: how to hide empty tabs
body: <p>I am using jquery_ui tabs, and my tabs look something like this:</p>
  
  <pre><code>&lt;div id="mytabs"&gt;
    &lt;ul&gt;
      &lt;li class="tab-one"&gt;&lt;a href="#onepane"&gt;apples&lt;/a&gt;&lt;/li&gt;
      &lt;li class="tab-two"&gt;&lt;a href="#twopane"&gt;berries&lt;/a&gt;&lt;/li&gt;
      &lt;li class="tab-three"&gt;&lt;a href="#threepane"&gt;citrus&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
    &lt;div id="onepane"&gt;green apples, red apples&lt;/div&gt;
    &lt;div id="twopane"&gt;blueberries, raspberries &lt;/div&gt;
    &lt;div id="threepane"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>My question:</p>
  
  <p>As the tab content changes, I would like to dynamically hide any empty tabs.  In the example above, I would like to hide the third tab, "citrus", because its corresponding tab-pane contains no content.  Does anyone know how to do this?</p>