JQuery fügt während des resize-Ereignisses eine Klasse hinzu. Entfernen Klasse nach Größenänderungs-Ereignis

Question

Ich möchte die CSS eines div-Elements während .resize() -Ereignis bearbeiten und nach dem resize -Ereignis auf die Standard-CSS-Eigenschaften zurückgesetzt werden.

Um den Kontext hinzuzufügen: Sprich ich möchte Display setzen: keine; zu einer Vollbild-Bildergalerie, während ich die Größe des Browserfensters ändere. Aber nachdem ich die Größenänderung gestoppt habe (timeout?), Fade den Inhalt wieder ein.

Oder toggle class on resize.

Ich hoffe, Sie werden es verstehen! Mit freundlichen Grüßen

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