При адаптации сайта под мобильные устройства часто ставят задачу чтобы навигационное меню пряталось в кнопку и при нажатии открывалось , а при повторном нажатии закрывалось.Ниже код, я пытался сверстать по аналогии с видео уроком . JS я пока что не знаю толком.Подскажите пожалуйста где ошибка в скрипте ? и есть ли какой нибудь шаблон скрипта который можно вставлять и менять в нем лишь классы,чтобы в итоге всё функционировало?
<body>
<div class="wrapper">
<div class="block1">
<header class="clearfix">
<div class="container">
<div class="logo left">
<a href="">acrostia</a>
</div>
<nav class="nav_top">
<button class="main_mnu_button">></button>
<ul class="nav right">
<li><a href="">Home</a></li>
<li><a href="">Services</a></li>
<li><a href="">About</a></li>
<li><a href="">Work</a></li>
<li><a href="">Contacts</a></li>
</ul>
</nav>
</div>
</header>
$(document).ready(function() {
$(".main_mnu_button").click(function() {
$(".nav_top ul").slideToggle();
});
Простой