Javascript 基于div中的内容显示/隐藏

我想显示或隐藏基于div标记的标题元素（例如，

），该标记包含或不包含内容。内容是动态添加的，但header元素是静态的，这会导致多次显示header元素，但其下方没有内容。下面是一个例子：

<div id=related-section>
<h3>Related Articles</h3>
<div id=related>
<p>This content is being shown, sometimes it is not shown.</p>
</div>
</div>

相关文章
正在显示此内容，有时不显示

进一步详情：

---

对于

看起来像什么，有两种状态，一种是（例如）1

Prima insolens hendrerit his et，sit exerci detract…

，另一种是2

。后者显示div中没有内容。

在更新

#related

if( $("#related *").length > 0 ) {
   $("#related-section h3").show();
} else {
   $("#related-section h3").hide();
}

---

但是如果它是您提供的完整代码，您也可以隐藏/显示整个div

#related部分，因为它没有其他可见的内容。
在更新
#related
的内容后，使用jQuery可以执行以下操作

if( $("#related *").length > 0 ) {
   $("#related-section h3").show();
} else {
   $("#related-section h3").hide();
}

但是，如果它是您提供的完整代码，您也可以隐藏/显示整个div
#相关部分，因为它没有其他可见的内容。
使用此处的代码为您创建了一个提琴：
使用此处的代码为您创建了一个提琴：
您可以提供一些JS吗？看起来这是一个完整的例子done'r你能为这个例子提供一些JS吗？看起来这个OP是一个one，done'r+1这很有效，尽管只有纯文本在我的答案的对面加上了
#related
。@DanielB:谢谢！更新了我的小提琴来检查长度。好的方面。嗨，Pixelbobby，我在IE7/8上测试了这个脚本，它抛出了一个错误，“对象不支持属性或方法”。在所有浏览器上仍然可以正常工作，但希望避免在IE中看到错误。谢谢。+1虽然只有纯文本与我的答案相反，但它仍然可以正常工作。@DanielB:谢谢！更新了我的小提琴来检查长度。好的方面。嗨，Pixelbobby，我在IE7/8上测试了这个脚本，它抛出了一个错误，“对象不支持属性或方法”。仍然可以在所有浏览器上正常工作，但希望避免在IE中看到错误。谢谢。