При нажатии на гамбургер не появляется меню, в чем ошибка?

Question

[Роман]

При нажатии на гамбургер не появляется меню. Браузер пишет ошибку: "ReferenceError: toggleMenu is not defined". Помогите найти ошибку.

<nav id="navbar">
				<div class="overlay"></div>
				<div class="container">
				<div class="row">
					<div class="col-lg-2 col-4 col-sm-3">
						<div>
							<img class="logo" src="img/logo.png" alt="Логотип">
						</div>
					</div>
					<div class="col-lg-7 d-none d-lg-block">
						<ul class="menu main_menu_list d-flex justify-content-center">
							<li class="main_menu_list_item">
								<a href="#">Главная</a>     
							</li>
							<li class="main_menu_list_item">
								<a href="about.html">О компании</a> 
							</li>
							<li class="main_menu_list_item">
								<a href="move.html">Недвижимость и переезд</a> 
							</li>
							<li class="main_menu_list_item">
								<a href="contacts.html">Контакты</a> 
							</li>
						</ul>
					</div>
					<div class="col-lg-3 d-lg-flex col-sm-6 col-md-5 ml-auto d-sm-flex d-none align-items-center">
						<div class="icon">
							<img class="modal1" src="img/phone.png" alt="icon">
						</div>
						<div class="phone">
							[phone]<br>
							[phone]
						</div>
					</div>
					<div class="hamburger col-1 ml-auto" onclick="toggleMenu();"></div>
				</div>
			</div>
			</nav>

.hamburger {
  display: none;
  width: 11px;
  height: 16px;
  float: right;
  margin: 6px;
  position: relative;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  z-index: 99;
  top: 23px;
  cursor: pointer;
}

.hamburger:after {
  content: "";
  position: absolute;
  display: block;
  right: 0;
  left: 0;
  top: 5px;
  height: 2px;
  background: #fff;
  z-index: 99;
}


@media (max-width: 992px) {
  .hamburger {
    display: block;
  }
  
  ul {
    left: -200px;
    background: #444;
    position: fixed;
    top: 0;
    bottom: 0;
    width: 200px;
    transition: .2s;
    z-index: 999;
  }
  
  ul.open {
    left: 0;
  }
  
  li {
    display: block;
  }
}

function toggleMenu() {
  if (menu.className === "menu") {
    menu.className += " open";
  } else {
    menu.className = "menu";
  }
}
});