javascript - HR 标签在包含 div 时保持隐藏状态，使用 jquery 显示

Question

我有一个隐藏的 div，我用 jquery fadein() 方法显示它:

$("#panel").fadeIn("slow");

这是 html:

<div id="panel" style="display:none;">
  <hr/>
  <p>text</p>
  <button onclick="cancel()">cancel</button>
</div>

调用该方法时，面板中的文本和按钮会正确显示，但 hr 保持隐藏状态。根据 Firebug ，其显示属性为无。

为什么 HR 没有与其他元素一起显示？这是jquery 1.3.2

Answer 1

我复制了您的标记和 jQuery，它对我来说很好用。但是，如果我添加以下 CSS 规则，它不会正确淡入......

hr { display: none; }

所以你一定在某处有这个规则。删除它，您的淡入淡出效果将按预期工作。