HR tag stays hidden while containing div is shown with jquery

Question

I have a hidden div which I reveal with the jquery fadein() method:

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

and here's the html:

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

The text and the button within the panel is shown properly when the method is called but the hr stays hidden. Its display property is none according to firebug.

Why the HR is not shown together with the other elements? It's jquery 1.3.2

Answer 1

I copied your markup and jQuery, and it fades in fine for me. However, if I add the following CSS rule, it does not fade in correctly...

hr { display: none; }

So you must have this rule somewhere. Remove it and your fade will work as expected.