jquery如果不工作

时间:2015-07-24 13:01:53

标签: javascript jquery

我有这个代码..问题是CSS不适用于两个div,但仅适用于第一个#main-wrapper

我有相同的代码但是这次按下按钮并且它正常工作,但是if语句只有单个工作..我不确定代码是否有错误请帮助...我试着把脚本在身体标签的末尾,但仍然没有

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

1 个答案:

答案 0 :(得分:6)

您无法为'display':'none'制作动画。

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

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

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

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

或使用slideUp

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