title: How to hide empty accordion content?
body: <p>I am writing a page using ASP.NET C# environment. I have 7 categories which are shown in a jQuery UI Accordion widget. In other words I have 7 tabs. </p>
  
  <p>Each accordion content comes from DB.</p>
  
  <p>Sometimes some categories are empty. So I want to hide the empty categories.</p>
  
  <p>My head content has those codes:</p>
  
  <pre><code>&lt;link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" /&gt;
  &lt;script src="http://code.jquery.com/jquery-1.9.1.js"&gt;&lt;/script&gt;
  &lt;script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"&gt;&lt;/script&gt;
  &lt;script&gt;
      $(function () {
          $("#accordion").accordion({
              collapsible: true, 
              heightStyle: "content", 
              active: false
          });
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>And the body has those:</p>
  
  <pre><code>&lt;div id="accordion"&gt;
              &lt;h3&gt;
                  &lt;span id="a" runat="server"&gt;&lt;/span&gt;
              &lt;/h3&gt;
              &lt;div&gt;
                  &lt;span id="atifa" runat="server"&gt;&lt;/span&gt;
              &lt;/div&gt;
              &lt;h3&gt;
                  &lt;span id="b" runat="server"&gt;&lt;/span&gt;
              &lt;/h3&gt;
              &lt;div&gt;
                  &lt;span id="atifb" runat="server"&gt;&lt;/span&gt;
              &lt;/div&gt;
              &lt;h3&gt;
                  &lt;span id="c" runat="server"&gt;&lt;/span&gt;
              &lt;/h3&gt;
              &lt;div&gt;
                  &lt;span id="atifc" runat="server"&gt;&lt;/span&gt;
              &lt;/div&gt;
              &lt;h3&gt;
                  &lt;span id="d" runat="server"&gt;&lt;/span&gt;
              &lt;/h3&gt;
              &lt;div&gt;
                  &lt;span id="atifd" runat="server"&gt;&lt;/span&gt;
              &lt;/div&gt;
              &lt;h3&gt;
                  &lt;span id="e" runat="server"&gt;&lt;/span&gt;
              &lt;/h3&gt;
              &lt;div&gt;
                  &lt;span id="atife" runat="server"&gt;&lt;/span&gt;
              &lt;/div&gt;
              &lt;h3&gt;
                  &lt;span id="f" runat="server"&gt;&lt;/span&gt;
              &lt;/h3&gt;
              &lt;div&gt;
                  &lt;span id="atiff" runat="server"&gt;&lt;/span&gt;
              &lt;/div&gt;
              &lt;h3&gt;
                  &lt;span id="g" runat="server"&gt;&lt;/span&gt;
              &lt;/h3&gt;
              &lt;div&gt;
                  &lt;span id="atifg" runat="server"&gt;&lt;/span&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>In according to record's properties, some categories come empty from the DB.
  I do not want the empty categories to be shown.
  Regards.</p>