title: Using CSS or Java to Show or Hide Empty Content Area
body: <p>I am trying to create a page template that uses section headers and subsequent content that is being dynamically pulled in based on a separate database. Currently I have the page set up to look something like this: </p>
  
  <pre><code>        &lt;tr&gt;
          &lt;td&gt;
          &lt;h3&gt;Product Applications&lt;/h3&gt;
          {tag_applications}&lt;br /&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
  </code></pre>
  
  <p>Where the Product Applications is a formatted header on the page and the {tag_applications} is link through the CMS that is pulling in content from a field defined elsewhere. I am trying to figure out how to hide the entire cell (or div if I need to) with either CSS or a script when the {tag_applications} is empty or blank. I tried to use the 'empty' tag in CSS on the cell and setting the display to hidden, but of course, the cell is not actually empty because of the header. </p>
  
  <p>What is the best way that I can accomplish this without creating separate pages for each item?</p>
  
  <p>Thanks! </p>