Нужно прописать условие в jquery:
Если aside.left_panel
имеет style="display: none;"
при разрешении экрана больше 600px
, то сменить в aside.left_panel
на style="display: block"
.
Как можно решить данный вопрос?
Stack Overflow на русском — это сайт вопросов и ответов для программистов. Присоединяйтесь! Регистрация займёт не больше минуты.
Присоединиться к сообществуНужно прописать условие в jquery:
Если aside.left_panel
имеет style="display: none;"
при разрешении экрана больше 600px
, то сменить в aside.left_panel
на style="display: block"
.
Как можно решить данный вопрос?
Немного исправлю предыдущего комментатора:
function screen_check(){
if ($(window).width() >= 600) {
$('.left_panel').style('display', 'block');
} else {
$('.left_panel').style('display', 'none');
};
}
screen_check();
$(window).on('resize', function(){
screen_check();
});
Вот примерно так:
$(window).resize(function(){
if ($(this).width() > 600) {
$('.left_panel').style("display": "block");
} else {
$('.left_panel').style("display": "none");
}
});
.left_panel {
display: none;
}
@media all and (min-width:600px) {
.left_panel {
display: block;
}
}
PS: Сколько ж можно пихать скрипты куда ни попадя?
и еще пару исправлений и нормально:
function screen_check(){
if ($(window).width() >= 600) {
$('.left_panel').css('display', 'block');
} else {
$('.left_panel').css('display', 'none');
};}