title: Hide DIVs when a value is null or empty
body: <p>From within a classical ASP .NET application, I'm supplying a bunch of values to a bootstrap webpage. In this web page I'm displaying the data in <code>&lt;div&gt;</code> elements:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="row"&gt;
    &lt;div class="col"&gt;&lt;strong&gt;Address&lt;/strong&gt;:&lt;/div&gt;
    &lt;div class="col-3"&gt;Beverly Hills 90210&lt;/div&gt;
    &lt;div class="col"&gt;&lt;strong&gt;Phone&lt;/strong&gt;:&lt;/div&gt;
    &lt;div class="col-7"&gt;+1 1 11111111&lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>The idea would be to hide these fields (including their labels) when the content is empty.</p>
  
  <p>I can do this through .NET of course, but I was wondering if I could do this in JavaScript? The data is loaded through .NET, but the displaying should be done by the generated HTML page, at least that's how I would prefer it...</p>