Показать сообщение отдельно
  #6 (permalink)  
Старый 09.03.2018, 00:05
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 2,348

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
<label id="menu">
  <input type='checkbox' class="stoa" checked>
  <span class='menus'>
    <span class='hamburgers'></span>
  </span>
  <ul>
    <li>
    <a href="<?php bloginfo('template_url'); ?>/football.html" class="js-click-modal stoa">Футбол</a>
    </li>
    <li>
    <a href="<?php bloginfo('template_url'); ?>/hockey.html" class="js-click-modal stoa">Хоккей</a>  
    </li>
    <li>
    <a href="<?php bloginfo('template_url'); ?>/basket.html" class="js-click-modal stoa">Баскетбол</a>
    </li>
    <li>
    <a href="<?php bloginfo('template_url'); ?>/boks.html" class="js-click-modal stoa">Бокс</a> 
    </li>
  </ul>
</label>
	<script>
    [].forEach.call(document.querySelectorAll('#menu a'), function (el){
    el.addEventListener('click', function(e){
    	e.preventDefault(); // эту не надо
      document.querySelector('input[type="checkbox"].stoa').checked = false;
    });
  });
	</script>
</body>
</html>


скрипт в конец
Ответить с цитированием