Меню или список. Открыть, закрыть на js.

При наведении можно обойтись псевдоклассом :hover.Странный скриптКоментарииНаписать

css стили: открыть,закрыть.

Что можно назвать из раздела: “и так сойдет”. Псевдокласс :hover на мобильном может работать как кнопка. )

Дальше скрипт. Открыть, закрыть. С помощью javascript.

imagesWindow

Самый простой вариант установить счетчик кликов по элементу и при достижении порога 2, обнулять. В javascript можно столкнуться с тем что namber определиться как строка и не произведет математическое вычисление. Поэтому надо записать перед новой функцией let number =+0; // это добавит уверенности что переменная number будет числом.

Пример на javascript который можно вставить прямо отсюда. Но как обычно получилось, порыв вдохновения вынудил дописать еще парочку удобных фишек. В яваскрипте есть очень много готовых решений, но когда дело начинает касаться реальной жизни. Решения написанные для определенных задач могут показать не многофункциональными.

<style>
#un{
display:none;
background: azure;
}
</style>
</head>
<body>
<button>Button</button>
<p id="un">Menu Ёсть!</p>
<script>
let number=+0;
document.querySelector('button').addEventListener('click',()=>{
console.log(number);
number++;

if(number==1){
document.querySelector('#un').style.display="flex";//изменения с none on flex
// console.log('bolshe'+document.documentElement.clientWidth);}

}else{
document.querySelector('#un').style.display="none";//вернуть на свои круги
number=0;
}
});
</script>

В этом примере стайл для баттона записан как display:none; потому что в айдишнике записан список. И если бы записи в стайле не было, то нужно было бы записать в яваскрипте отключение айдишника что символов на пятнадцать больше.

Многие кто столкнулся с необходимостью найти решения на отображение менюшки при изменении положения окна. Ищут готовое решение или пытаюсь по быстренькому написать своё. Иногда это выходит, не очень, а иногда и очень. Странно.

Странный скрпт

Что было ясно из “странного скрипта”. Как говорят программисты по настоящему разбирающиеся в программировании - Это же функция: Флугегенхайнемен”. На такие функции все смотрят с презрением и стараются держаться подальше. И так ясно что она делает, но непонятно зачем. По такому же принципу можно написать свою функцию для прослушки изменения окна браузера. Это было нужно на тот случай чтобы записать наглядное оповещение. Визуально оценивая как изменятся содержимое контента при “ресайзе” окна.

<script>
function flash(){
(console.log(window.innerWidth));
if(window.innerWidth>500){
console.log('Ahtung, ahtung!')
}
}
setInterval(flash,1500);
</script>

И window.innerWidth и так прекрасно прослушивает размеры окон. Хотя может показаться что неплохо было бы написать функцию с прослушкой по типу аддЕвентЛистенер на ресайз. На самом деле ИвентЛуп работает и без уведомлений по таймеру. :-D

https://qucu.ru/comments/