jQueryエフェクトを使用するには

Question

このコードで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'); 

} 

Answer 1

はjQueryので提供​​機能を使用してください。ここでは、このようにすればいいmanual

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

Answer 2

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

です。 1000ミリ秒で最初の非表示サイドバーは、1000msで

Answer 3

You can use this fadeOut effect with time , set the time as per your requirment. 
 

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