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

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

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

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

 

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


 
 
 

  60   0
 
Додати
свій
коментар
оновити, якщо не видно коду
 
В роботі:
ПроектПрогресСтатус
Розробка сайту салону манікюра 5%В процесі
Редизайн цього сайту 80%В процесі
Редизайн "Westplast" 100%21.02.18
Просування "Нова Ванна" 100%18.03.18
Darya 1.0 86%09.01.18