Как сделать SlideMenu? - PullRequest
       1

Как сделать SlideMenu?

0 голосов
/ 13 февраля 2020

"Определенная ниже функция предполагает создание slideMenu на левой стороне страницы указателя. Однако кажется, что я что-то пропустил, так как меню слайдов не работает."

<!DOCTYPE html>
<html>
<head>
  <title>Responsive Animated Sidebar Menu</title>
  <script defer src="https://use.fontawesome.com/releases/v5.0.7/js/all.js"></script>
  <link rel="stylesheet" href="style.css">
<script>
 function openSlideMenu(){
  document.getElementById('menu').style.width = '250px';
  document.getElementById('content').style.marginLeft = '250px';
 }
 function closeSlideMenu(){
  document.getElementById('menu').style.width = '0';
  document.getElementById('content').style.marginLeft = '0';
 }
</script>
</head>
<body>

  <div id="content">
   
   <span class="slide">
    <a href="#" onClick="openSlideMenu()">
    <i class="fas fa-bars"></i>
  </a>
   </span>
   
   <div id="menu" clSS="nav">
    <a href="#" class="close" onclick="closeSideMenu()">
   <i class="fas fa-times"></i>
  </a>
  <a href="#">Home</a>
  <a href="#">About</a>
  <a href="#">Services</a>
  <a href="#">Contact</a>
   </div>
   
   <h1>S.T. Graffix Menu</h1>
   
 </div>
 
</body>
</html>

1 Ответ

0 голосов
/ 13 февраля 2020

Вы вызываете недопустимую функцию закрытия, это означает, что вы дали неправильное имя функции для

onclick="closeSideMenu()" 

Так что должно быть closeSlideMenu ():

onclick="closeSlideMenu()"
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...