JQuery add class during resize event. Remove class after resize event

Question

I want to edit the css of a div element during .resize() event and after the resize event revert to the default css properties.

To add context: Say I want set display:none; to a fullscreen image gallery while I resize the browser window. But after I stopped resizing (timeout?) fade the content back in.

Or toggle class on resize.

Hope you'll understand! Best regards

Gavriel · Accepted Answer · 2012-04-11 11:46:18Z

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

answered Apr 11, 2012 at 11:46

Gavriel

19.3k13 gold badges73 silver badges116 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

JQuery add class during resize event. Remove class after resize event

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related