IE9 display:none in class bug

[bestrong89@…]

In IE9, slideDown(), fadeIn() and I am assuming other functions, do not work if display:none is in the class. The following code works fine in FireFox, Chrome, Safari, and previous versions of IE, but does fails in IE9.

<style type="text/css">
.classname{
	display:none;
	border:1px solid #090;
	padding:5px;
	margin:5px;
}
</style>
<p style="cursor:pointer" onclick="$('#div1').slideDown()">Show div1</p>
<div id="div1" class="classname">This is div1</div>
<p style="cursor:pointer" onclick="$('#div2').slideDown()">Show div2</p>
<div id="div2" class="classname">This is div2</div>

Thanks, Ben

[bestrong89@…]

Update: I forgot to post this, but I tried this in jsFiddle and the code functions properly, but does NOT work in a standard environment.

[Timmy Willison]

jsfiddle is a standard environment. In fact, you can put the code on it's own page by adding "/show" to the end of the url. If you can reproduce for us on jsfiddle, we can take a look.

[anonymous]

reproduced on jsFiddle

works in every browser except IE9

​http://jsfiddle.net/YL8gC/show/

[Timmy Willison]

@bestrong89 ​http://jsfiddle.net/timmywil/YL8gC/1/ Does this also fail? If so, it may be a problem with inline event handlers. I don't have a way to test IE9 yet.

[ajpiano]

This is working fine for me in IE9, both jsFiddles.

[Timmy Willison]

With DaveMethvin and ajpiano confirming the first fiddle works in IE9, closing. Be sure that you are not testing with a beta version of IE9 as well.