Розробка, підтримка, SEO, просування, соцмережі та реклама сайтів ☣
Кабінет клієнта
Зареєструватись Забули пароль?
Створення та оптимізація сайтів » Блог » jQuery » Відкриття та закриття блоку по кліку на силці

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

Створюю і просуваю комерційні сайти та інтернет-магазини з 2008 року. 26-03-2018, 23:34 721 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


 
 


Коментарі

⤹ Залишити свій коментар ⤸

  • оновити, якщо не видно коду

Тарифні плани

Потужний старт Стандартний запуск сайту від $400
  • - ♜ -
  • В стартовий тарифний план входить:

  • Розробка та налаштування сайту
  • Семантичне ядро
  • Оптимізація швидкості
  • Наповнення до SEO 5 сторінок
  • Ліцензія двигунчика DLE
Просунутий SEO оптимізований сайт від $700
  • - ♚ -
  • В SEO тарифний план входить:

  • Створення та налаштування сайту
  • Семантичне ядро
  • Оптимізація швидкості
  • Наповнення до SEO 10 сторінок
  • Ліцензія двигунчика DLE
  • 5 силок + перелінковка
Імперський винущувач конкурентів від $999
  • - ♛ -
  • В імперський тарифний план входить:

  • Розробка сайту
  • Наповнення до SEO 20 сторінок
  • Повна оптимізація
  • Ліцензія двигунчика DLE
  • МОЄ НАТХНЕННЯ та ДОСВІД!
/* soc-knopki */