Javascript 如何使用jQuery效果

在这段代码中如何使用jQuery效果？？隐藏站点菜单并展开屏幕中间工作区的按钮的代码我希望这项工作能够以特效和缓慢的方式完成

function woow_HIDE(){
    document.getElementById('sidebar').style.display='none';
    document.getElementById('himenu').style. display='block';
    $('#mainbar').removeClass('col-lg-10 col-md-10');
    $('#mainbar').addClass('col-lg-12 col-md-12');

}

使用jQuery提供的

fadeOut（）

函数。这是我的建议

使用jQuery提供的

fadeOut（）

函数。这是我的建议

你应该这样做。首先在1000毫秒内隐藏侧边栏，然后在1000毫秒内开始显示himenu

你应该这样做。首先在1000毫秒内隐藏侧边栏，然后在1000毫秒内开始显示菜单

您可以随时间使用此淡出效果，根据需要设置时间。
函数woow_HIDE（）{
$（“#侧边栏”）.fadeOut（1000）；
$（'himenu'）。衰减（1000）；
$（“#mainbar”）.removeClass（'col-lg-10 col-md-10'）；
$（'#mainbar'）.addClass（'col-lg-12 col-md-12'）；
}

您可以随时间使用此淡出效果，根据需要设置时间。
函数woow_HIDE（）{
$（“#侧边栏”）.fadeOut（1000）；
$（'himenu'）。衰减（1000）；
$（“#mainbar”）.removeClass（'col-lg-10 col-md-10'）；
$（'#mainbar'）.addClass（'col-lg-12 col-md-12'）；
}

的可能重复项的可能重复项也必须对

hipmenu

元素使用

.fadeIn（）

。此外，对于

hipmenu

元素也必须使用

.fadeIn（）

。

function woow_HIDE() {
    $('#sidebar').fadeOut();
    $('#himenu').fadeIn();
    $('#mainbar').removeClass('col-lg-10 col-md-10');
    $('#mainbar').addClass('col-lg-12 col-md-12');
}

function woow_HIDE(){
   $('#sidebar').hide(1000, function(){
       $('#himenu').show(1000);
   });
   $('#mainbar').removeClass('col-lg-10 col-md-10');
   $('#mainbar').addClass('col-lg-12 col-md-12');
}