Функция переключения зависит от размера окна

Я пытаюсь создать функцию, где, если размер окна меньше 768 пикселей, тогда я хочу переключить отображение данного div с помощью ссылки.Функция переключения зависит от размера окна

Если размер окна больше 768, я хочу, чтобы дисплей был сброшен для блокировки.

if($(window).width() < 768){ 
    function toggle_visibility(id) { 
    var e = document.getElementById(id); 


     if(e.style.display == 'block') 
      e.style.display = 'none'; 
     else 
      e.style.display = 'block'; 
    } 

} 
else{ 
     e.style.display = 'block'; 
    }

HTML

<a href="#" onclick="toggle_visibility('sidebar');"><i class="fa fa-bars"></i></a>

источник

2015-01-08 Dan G Nelson

'$ ('# el_id'). Переключаться ($ (окно) .width() <768)' – adeneo

Я хочу, чтобы это так, если ширина больше, чем 768, то отображение = блок независимо от того, что. Является ли ширина меньше 768, ее можно переключить. –

@adeneo комментарий делает то же самое, я хочу, может удвоить, как и его комментарий, проверить мой ответ. –

Вы объявляете, что функция не называть его где-либо

Более того, вы можете использовать JQuery и сделать его легко, как:

function toggle_visibility(id) { 
    if($(window).width() < 768){ 
     $("#"+id).toggle(); 

    } 
    else{ 
     $("#"+id).hide() 
    }  

    }

источник

2015-01-08 22:14:23

посмотрите на прилагаемый html –

У меня есть @dangnelson. это не работает? –

Это работает, но когда я переключаю div и снова делаю окно большим, div не существует. Я пытаюсь сделать так, чтобы оно было, если окно больше 768, несмотря ни на что. –

и где u вызывающая функция ??

function toggle_visibility(id) { 
var e = document.getElementById(id); 


    if(e.style.display == 'block') 
     e.style.display = 'none'; 
    else 
     e.style.display = 'block'; 
}; 
if($(document).width() < 768){ 
    toggle_visibiliti(your element id); 
}else{ 
    e.style.display = 'block'; 
    };

источник

2015-01-08 22:19:02

Функция переключения зависит от размера окна

ответ

Смежные вопросы