Shouldn't display header if div is empty
<p>I have tabs on my website, but sometimes the tab doesn't contain any info like this:</p>

<pre><code>        &lt;div class="idTabs"&gt;
                    &lt;div class="tabIt"&gt;
                        &lt;a class="selected" href="#productDetails" name="Tab1"&gt;Description&lt;/a&gt;
                    &lt;/div&gt;
                    &lt;div class="tabIt"&gt;
                        &lt;a href="#specs" name="Tab2" class=""&gt;Specifications&lt;/a&gt;
                    &lt;/div&gt;
        &lt;/div&gt;


  &lt;div class="productInformation"&gt;

        &lt;div class="information"&gt;

            &lt;div id="productDetails" style="display: block; "&gt;
                   &lt;div class="productInfo"&gt;
                   &lt;/div&gt;
            &lt;/div&gt;
            &lt;div id="specs" style="display: none; "&gt;

            &lt;/div&gt;
        &lt;/div&gt;

   &lt;/div&gt;
</code></pre>

<p>How can I make it shouldn't display the tabs if it doesn't contain any information?
Thanks</p>
