javascript - jquery 如果不工作

Question

我有这段代码。问题是 CSS 没有应用于两个 div，而是只应用于第一个 #main-wrapper

我有相同的代码，但这次是在按下按钮时它起作用了，但是使用 if 语句只有一个有效。我不确定代码是否有问题请帮忙......我试着把脚本在 body 标签的末尾，但仍然没有

if (window.location.href.indexOf("#expand") > -1) {
  $( "#main-wrapper" ).animate({ 'width':'984px' }, 'slow');
  $( "#sidebar-wrapper" ).animate({ 'display':'none' }, 'slow');   
}

Answer 1

您不能为 'display':'none' 设置动画。

您可以为不透明度设置动画:

$( "#sidebar-wrapper" ).animate({'opacity':0}, 'slow', function(){
    $(this).remove();
});

或者，正如 Me.Name 在评论中所建议的那样:

$( "#sidebar-wrapper" ).fadeOut('slow');

或者使用slideUp:

$( "#sidebar-wrapper" ).slideUp();