jQuery - Как скрыть ul, если первый li-ребенок пуст

Question

Я использую список UL, LI для создания вкладок jQuery в своем приложении. Я использую вкладки на странице шаблона, некоторые страницы имеют контент для вкладок, а некоторые - нет. На этой странице без содержимого имена вкладок все еще отображаются, но содержимое каждой вкладки будет пустым.

Я хочу удалить вкладки ul, если мой первый li-ребенок пуст. Ниже мой код. В основном, я хочу скрыть вкладки ul #, если div # tab1 пуст. есть идеи как это сделать? Спасибо.

<ul id="tabs"> 
    <li><a href="#" name="#tab1">Tab 1</a></li> 
    <li><a href="#" name="#tab2">Tab 2</a></li>  
</ul> 

<div id="content"> 
    <div id="tab1"> 
     <asp:Literal ID="Literal7" Text='<%# Eval("Overview") %>' runat="server" /> 
    </div> 
    <div id="tab2"> 
     <asp:Literal ID="Literal8" Text='<%# Eval("Agenda") %>' runat="server" /> 
    </div> 
</div> 

Answer 1

Это должно сделать:

if ($.trim($('#content div:first').html()).length == 0) { 
    $('#tabs').hide(); 
}