Использование if с функцией Resize
 

Друзья, подскажите, как сделать так, чтобы при ресайзе в зависимости от ширины экрана срабатывали разные действия без перезагрузки страницы?

Если просто вкладывать функцию с if в resize - получается матрешка, действие с каждым ресайзом повторяется все большее количество раз.

В конце концов я пришла к таким костылям, но мне совершенно не нужна эта перезагрузка.
$(window).resize(function() {
setTimeout(function(){location.reload();});
if ($(window).width() <'800'){
$("footer ul").hide();
$("footer h3").click(function() {
$("footer ul:visible").slideUp("normal");
if (($(this).next().is("ul")) && (!$(this).next().is(":visible"))) {
$(this).next().slideDown("normal");
}
});
}
});

css3 media queries. А js делай независимым. Либо допустим в css скрываешь/отображаешь, а в js уже отталкиваешься от is(':visible')

ага, спасибо!
тогда встает вопрос, как этот аккордеон дезактивировать при разворачивании окна. я как раз и использую Media queries :)

Ну как вариант использовать display:block !important в стилях.