Бургер меню jQuery не выпадает

$(document).ready(function(){ 
	var link = $('.m-header_nav_link'); 
	var close = $('.close_menu'); 
	var menu = $('.m-header_nav'); 
	link.on('click', function(event) { 
		event.preventDefault(); 
		menu.toggleClass('m-header_nav__active'); 
	}); 
		close.on('click', function(event) { 
		event.preventDefault(); 
		menu.toggleClass('m-header_nav__active'); 
	}); 
});

.m-header_nav_link{ 
	display: none; 
	font-size: 3rem; 
} 
 
.m-header_nav{ 
	position: fixed; 
	right: 0; 
	top: 0; 
	height: 100vh; 
	width: 100%; 
	text-align: center; 
	font-size: 3rem; 
	line-height: 2.5; 
	background-color: #191919; 
	z-index: 2; 
	display: flex; 
	flex-direction: column; 
	align-items: center; 
	justify-content: center; 
	color: #DCDCDC; 
	transform: translateX(100%); 
	transition: 0.2s; 
} 
 
.m-header_nav__active{ 
	transform: translateX(100%); 
	 
} 
 
.close_menu{ 
	position: fixed; 
	right: 5rem; 
	top: 0; 
	font-size: 5rem; 
	color: #DCDCDC; 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<a href="#" class="m-header_nav_link"> 
				<i class="fa fa-bars"></i> 
			</a> 
				<ul class="m-header_nav"> 
					<li class="close_menu">&times</li> 
					<li><a class="header_nav_link" href="#">О нас</a></li> 
					<li><a class="header_nav_link" href="#">Расписание</a></li> 
					<li><a class="header_nav_link" href="#">Цены</a></li> 
					<li><a class="header_nav_link" href="#result">Результаты</a></li> 
					<li><a class="header_nav_link" href="#">Контакты</a></li>	 
				</ul>