javascript - 我可以在没有超时的情况下使用 CSS3 和/或 javascript 隐藏/显示此菜单吗

Question

http://jsfiddle.net/blankasaurus/YPR4U/15/embedded/result/

我的布局按照我希望的方式运行。我不确定我是否喜欢在切换功能中设置宽度:

 $('.content').css('width', '100%');

 $('.content').css('width', '75%');

而且我真的不喜欢在显示和隐藏菜单面板之前设置超时:

 setTimeout(function()
 {
     $('.sidebar').fadeIn();
 }, 1001);

有没有更好的方法来解决这个问题？

这是一个 fiddle :

Answer 1

对于淡出，您可以只使用传递给 fadeOut 的回调函数。

例如:

$('.sidebar').fadeOut( 400, function() {
    $('.content').css('width', '100%');
});

对于淡入，您可以尝试使用 transition events .您只需为不同的浏览器编写特定的代码，毫不奇怪，不支持较旧的浏览器。 可以找到更多详细信息here.