Не могу понять, почему не работает “slideToggle()” библиотеки JQuery

122

13 октября 2019, 21:30

Пишу адаптивный сайт, на размере 767px и убирается навигационное меню(display:none), появляется значок- бургер. Хочу чтобы при нажатии на него, всплывало аккуратно окно с новым готовым меню(пока тоже display:none) по методу slideToggle, как на этом сайте при тех же экранах: https://projects.shatalov.info/minimo/. часть кода на всякий оставлю здесь, кода много не знаю даже какую часть выкладывать, попробую html, css этого бургера и меню. мне главное понять, почему например hideToggle работает, а slideToggle никак?(

сам гамбургер-меню находится прикрепленным к картинке, чтобы адаптивно с ней уменьшатся в дальнейшем. это я тоже добавил в код, может здесь какая нибудь неурядица. о, великий и могучий stack, как же широк и необъят твой взор, сможешь ли ты принять мое сообщение, и не выкинуть меня в горы спама, знаю я мудрость твою, но нет для меня ответа из вопросов других ищущих, да найдущих. позволь и мне узнать свой ответ, да не клейми меня за многословность, ведь я только ищущий.

.hamburger{ 
	display:none; 
	width:30px; 
	height:22px; 
	background:url(stuffs/icons-sprite.png); 
	background-position:68px 22px; 
	border:0; 
} 
.hamburger__menu{ 
	display:none; 
	position:relative; 
	right:208px; 
	z-index:2; 
} 
.post-main__img{ 
	margin-bottom:100px; 
	z-index:1; 
} 
.hamburger__menu__item{ 
	display:block; 
	color:#626262; 
	font-family:'Playfair Display'; 
	font-size:30px; 
	font-weight:400; 
	line-height:auto; 
	text-transform:uppercase; 
	padding:10px; 
	background:hsla(240, 10%, 100%, 60%); 
	border-top:0.12px solid hsla(240, 0%, 100%, 90%); 
	border-bottom:0.12px solid hsla(240, 0%, 100%, 90%); 
} 
.hamburger__menu__item:hover{ 
	color:#a9a9a9; 
}

<input class='hamburger' type='button' />  
... 
<div class="post-main__img  wrapper_part"> 
	<img src="stuffs/header_img.jpg" alt="Main poster" /> 
	<nav class="hamburger__menu"> 
	<a href="" class="hamburger__menu__item">lifestyle</a> 
	<a href="" class="hamburger__menu__item">photodiary</a> 
	<a href="" class="hamburger__menu__item">music</a> 
	<a href="" class="hamburger__menu__item"travel</a> 
	</nav> 
	</div>