javascript - フェードイン（）; jQuery と CSS3 を使用したボックス要素

Question

jQuery に問題があり、ボックスとして表示したい要素を表示しています.. -webkit-box / -moz-box など

しかし。jQueryでfadeIn関数を使用すると、ブロック要素にフェードインしますか? これはよくある問題だと思いますが、私に役立つものは見つかりませんでした。

任意のヒント？

CSS

.page-wrapper {
min-height: 100%;

display: -webkit-box;
-webkit-box-align: center;
-webkit-box-pack: center;
-webkit-box-orient: vertical;

display: -moz-box;
-moz-box-align: center;
-moz-box-pack: center;
-moz-box-orient: vertical;
}
#open-menu {
position: fixed;
color: #fff;
top: 0px;
left: 0px;
font-size: 2em;
padding: 5px;
}
#page-wrapper-menu {
position: fixed;
width: 100%;
background-color: rgba(0, 0, 0, 0.9);
color: #fff;
text-align: center;
overflow: hidden;
display: none;
}

jQueryコード

$('#open-menu').click(function(){
    $('#page-wrapper-menu').fadeIn();
});
$('#page-wrapper-menu').click(function(){
    $('#page-wrapper-menu').fadeOut();
});