мобильное меню

[yaroslavskubiy]

Привет. Помогите нубу.
Нужно сделать мобильное меню.
Есть рабочий код js. но я его хочу немного изменить. А точнее сделать кнопку, чтобы спрятать его.

<div class="menu_container">
<a href="#" class="mobile_menu"><i class="fa fa-align-justify"></i></a>

</div>
<div class="mobile_menu_overlay"></div>
<div class="mobile_menu_container" style="height: 449px">
<div class="mobile_menu_content">
<ul>
<li><a href="#">About</a></li>
<li><a href="#">Delivery</a></li>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Terms &amp; Conditions</a></li>

</ul>
</div>
</div>

И сам код JS.

$(function(){
$(document).on("click",".mobile_men u_container .parent",function(e){e.preventDefau lt(),
$(".mobile_menu_container .activity").removeClass("activity") ,
$(this).siblings("ul").addClass("lo aded").addClass("activity")}),

$(document).on("click",".mobile_men u_container .back",function(e){e.preventDefault (),
$(".mobile_menu_container .activity").removeClass("activity") ,
$(this).parent().parent().removeCla ss("loaded"),
$(this).parent().parent().parent(). parent().addClass("activity")}),

$(document).on("click",".mobile_men u",function(e){e.preventDefault( ),
$(".mobile_menu_container").addClas s("loaded"),
$(".mobile_menu_overlay").fadeIn()} ),

$(document).on("click",".mobile_men u_overlay",function(e){
$(".mobile_menu_container").removeC lass("loaded"),
$(this).fadeOut(function(){
$(".mobile_menu_container .loaded").removeClass("loaded"),
$(".mobile_menu_container .activity").removeClass("activity") })})});