LINUX.ORG.RU

js и скрытие меню при адаптивной верстке

 ,


0

1

пытаясь разбираться с адаптивной версткой столкнулся со следующей проблемой:

для девайсов с узким экраном скрываем боковое меню в css (@media...display:none) и показываем его только при нажатии на кнопку 'меню' при помощи js (.style.display=block).

в случае, если мы сузим окно браузера до момента пропадания меню, затем нажмём на кнопку показа меню 2 раза (раскрыть и затем скрыть), то в блок добавится inline стиль display:none.

если затем растянуть окно браузера до той ширины при которой меню уже должно быть на странице, на его месте все равно остается пустое место (inline стиль перебивает тот, что в css).

подскажите, как с такой проблемой обычно разбираются?


сам спросил, сам отвечаю:

достаточно было при сворачивании меню при нажатии на кнопку делать не .style.display='none', а .style.display="

user33
() автор топика

На самом деле это можно сделать без JS, с помощью радио-баттонов (скрыть input, но показать label) и + селектора.

Deleted
()
Вы не можете добавлять комментарии в эту тему. Тема перемещена в архив.