fadeIn не работает в IE9

Question

Это самая простая мысль на земле, но она не работает !!Функция fadeIn не работает в IE9 ?Вот демо: http://sergejpopov.com/test.htm

Есть идеи?Я нашел это: http://www.kevinleary.net/wp-samples/ie-fade-problems.php, но не мог понять, как они это исправили.

JS:

$(document).ready(function () {
            $(".a").click(function () {
                $(".b").fadeIn("500");
            });
        });

HTML:

<style type="text/css">
   .b{ display:none; background-color:#fff;}
</style>


<a href="javascript:void(0);" class="a" >aaa</a>
    <p class="b">bbb</p>

РЕДАКТИРОВАТЬ:

странно, но fadeOut работает без каких-либо проблем ..

Answer 1

Хорошо, так что я понял, что он ломается в IE9, если свойство display установлено в none; и единственный способ заставить это работать вместо установки отображения: нет; прятаться(); это на странице загрузки ..

  $(document).ready(function () {
            $(".b").hide();
            $(".a").click(function () {
                $(".b").fadeIn(500);
                return false;
            });
            $(".c").click(function () {
                $(".d").fadeOut(500);
                return false;
            });
        });

Answer 2

$(document).ready(function () {
    $(".a").click(function () {
        $(".b").fadeIn(500);

        return false;
    });
});

<a href="#" class="a" >aaa</a>
<p class="b">bbb</p>

Answer 3

Продолжительность должна быть целым числом, попробуйте это

$(document).ready(function () {
            $(".a").click(function () {
                $(".b").fadeIn(500);
            });
        });