title: Bootstrap Hide Nav-Tabs When There's No Content
body: <p>I simply want to hide a Nav-Tab if there's no content in the corresponding Div. I need to do this as the content is currently populated by a custom post type in Wordpress, so there will not all ways be content to show. </p>
  
  <pre><code>    &lt;div role="tabpanel"&gt;
  
    &lt;!-- Nav tabs --&gt;
    &lt;ul class="nav nav-tabs" role="tablist"&gt;
      &lt;li role="presentation" class="active"&gt;&lt;a href="#home" aria-controls="home" role="tab" data-toggle="tab"&gt;Home&lt;/a&gt;&lt;/li&gt;
      &lt;li role="presentation"&gt;&lt;a href="#profile" aria-controls="profile" role="tab" data-toggle="tab"&gt;Profile&lt;/a&gt;&lt;/li&gt;
      &lt;li role="presentation"&gt;&lt;a href="#messages" aria-controls="messages" role="tab" data-toggle="tab"&gt;Messages&lt;/a&gt;&lt;/li&gt;
      &lt;li role="presentation"&gt;&lt;a href="#settings" aria-controls="settings" role="tab" data-toggle="tab"&gt;Settings&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
  
    &lt;!-- Tab panes --&gt;
    &lt;div class="tab-content"&gt;
      &lt;div role="tabpanel" class="tab-pane active" id="home"&gt;...&lt;/div&gt;
      &lt;div role="tabpanel" class="tab-pane" id="profile"&gt;...&lt;/div&gt;
      &lt;div role="tabpanel" class="tab-pane" id="messages"&gt;...&lt;/div&gt;
      &lt;div role="tabpanel" class="tab-pane" id="settings"&gt;...&lt;/div&gt;
    &lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>If for example div #profile had no content, I'd like the nav-tab li for Profile to be hidden.</p>
  
  <p>Thanks!</p>