title: if div has content show div
body: <p>ok heres what i have... it works fine but it looks for a word rather than content. i just want it to show when there is any content..</p>
  
  <pre><code> $(document).ready(function(){
         if ($("#box3:contains('Product')").length) {
            $('#third').show();
         }                                           
      });
  </code></pre>
  
  <p>i dont think you need the html for this </p>
  
  <p>it looks for 'Product' how do i make it just look for content >0</p>
  
  <pre><code>&lt;div id="first" class="tab" &gt;
      &lt;div class="tabtxt"&gt;
          &lt;a&gt;DETAILS&lt;/a&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="tab" id="second"&gt;
      &lt;div class="tabtxt"&gt;
          &lt;a&gt;INSPIRATION&lt;/a&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="tab" id="third" style="display:none"&gt;
      &lt;div class="tabtxt"&gt;
          &lt;a&gt;NOTES&lt;/a&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div class="boxholder"&gt;
      &lt;div style="overflow: hidden; display:block" class="box" id="box1"&gt;
          &lt;div style="padding: 10px; line-height:16px"&gt;
              %%Panel.ProductDescription%%
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div style="overflow: hidden; display:none" class="box" id="box2"&gt;
          &lt;div style="padding: 10px; line-height:16px"&gt;
              %%Panel.ProductWarranty%%
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div style="overflow: hidden; display:none" class="box" id="box3"&gt;
          &lt;div style="padding: 10px; line-height:16px"&gt;
              %%Panel.UPC%%
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>its an interspire shopping cart so the %%panel.upc%% calls in something inserted through the admin panel. in this case if there is nothing.. it shows as blank space in the code (viewing source in browser).</p>