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);

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

这是一个小提琴：

Answer 1

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

例如：

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

对于淡入，您可以尝试使用过渡事件。您只需为不同的浏览器编写特定的代码，毫不奇怪，不支持旧浏览器。更多细节可以在这里找到。