JQueryは、サイズ変更イベント中にクラスを追加します。サイズ変更イベント後にクラスを削除する

Question

.resize（）イベント中にdiv要素のcssを編集し、resizeイベントの後にデフォルトのCSSプロパティに戻したいとします。

コンテキストを追加するには： 私は設定したいと思います：なし;ブラウザウィンドウのサイズを変更している間は全画面の画像ギャラリーに表示されます。しかし、私がリサイズを止めた後（タイムアウト？）、コンテンツをフェードインして戻します。

またはサイズ変更時にクラスを切り替えます。

ご理解いただけますようお願いいたします。よろしくお願いします。

Answer 1

timer = 0; 
function start() { 
    $("#id").addClass("resizing"); 
} 
function stop() { 
    $("#id").removeClass("resizing"); 
} 
$(window).resize(function(){ 
    if (timer) { 
     clearTimeout(timer); 
    } 
    timer = setTimeout(stop, 1000); 
    start(); 
});