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保持隐藏时，面板中的文本和按钮会正确显示。它的显示属性是没有根据萤火虫。

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

Answer 1

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

hr { display: none; }

所以你必须在某个地方有这个规则。删除它，你的淡入淡出将按预期工作。