CCS3转换和jQuery toggleClass溢出：隐藏不起作用

Question

我正在尝试制作一个从左侧滑入的菜单，并将其他所有内容从画布上移除70％。我还想在此操作适用时删除滚动。

如果我使用溢出：隐藏的包装容器上的jQuery to toggleClass，则css转换效果不起作用（IE10除外，它实际上有效）。

以下是一个非常简单的示例：jsfiddle

$('button').click(function () {
    $('#wrapper').toggleClass('hidden');
    $('#test').toggleClass('test');
    return false;
});

.hidden {
    overflow:hidden;
}
#test {
    position: absolute;
    left:-50px;
    transition: left 1s;
}
#test.test {
    left:100px;
}

如果我删除了$('#wrapper').toggleClass('hidden');行，则会有效。

有什么建议吗？

Answer 1

您应该添加display：none而不是visibility

.hidden {
    display:none
}