Відкриття та закриття блоку по кліку на силці

_{Створюю і просуваю комерційні сайти та інтернет-магазини з 2008 року.} ^{26-03-2018, 23:34 1 136 0}

Невелика розробка, що допоможе вам закрити блок, якщо він, наприклад на все вікно, а при кліку потрібно перейти до якоря і щоб це вікно закрилось.

html:

<div class="menu" id="menu"> 
    <h1>Меню (нажми на меня!)</h1> 
    <ul class="menu__ul hide" id="menu__ul"> 
        <li class="menu__ul__li">Пункт меню 1</li> 
        <li class="menu__ul__li">Пункт меню 2</li> 
        <li class="menu__ul__li">Пункт меню 3</li> 
        <li class="menu__ul__li">Пункт меню 4</li> 
        <li class="menu__ul__li">Пункт меню 5</li> 
    </ul> 
</div>

Css:

.hide { display: none; } 
.show { display: block; }

JQuery:

	<script>
		var menu__ul = document.getElementById('menu__ul');
		var menu = document.getElementById('menu');

		menu.onclick = function hideMenu() {

			var $menu__ul = $(menu__ul);

			if ($menu__ul.hasClass('hide')) {
				$menu__ul.removeClass('hide');
				$menu__ul.addClass('show');
			}
			else {
				$menu__ul.removeClass('show');
				$menu__ul.addClass('hide');
			}
		}

		
	</script>

* не забудьте піддключити бібліотеку jQvury

Коментарі