Использование 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 в стилях.
|
Часовой пояс GMT +3, время: 23:17. |