Jquery if do something else don't do it

Question

I have this code and I wan't to say, if the window is not smaller than 1024, don't do any of these things. How do I write this?

$(window).resize(function(){
    if ($(window).width() <= 1024) {    
        $('#right > .info').removeClass('hidden');
        $('#middle').remove();
    }
    else {
    }
});

prepend to your handler: `if ($(window).width() > 1024) return;` But then, what is supposed to do the `else` statement??? In fact, your question doesn't really make sense. Am I missing something? — A. Wolff, Dec 05 '13 at 13:19
Cannot log to your jsfiddle... And what could be the opposite of .remove()??? You should detach element, not remove it. The opposite of removeClass() is... addClass() — A. Wolff, Dec 05 '13 at 13:29

score 0 · Accepted Answer · edited May 23 '17 at 11:57

I am guessing what you are trying to do, is something like this:

$(window).resize(function(){
        if ($(window).width() <= 1024){ 
             $('#right > .info').removeClass('hidden');
             $('#middle').hide();
        } else {
            $('#middle').show();
            $('#right > .info').addClass('hidden');
        }
    });

The difference being, that you do not remove() (permanently remove it from the DOM), but rather hide() and show() it.

You might want to make in into a function and call it not only on resize, but also on page load.

This question might give you some inspiration: jQuery: How to detect window width on the fly?

Jquery if do something else don't do it

1 Answers1