Fonet
@Fonet
web developer

Как изначально скрыть блок slideToggle?

Как сделать, чтобы изначально при загрузке страницы, выдвигающийся div был скрыт?

$(function () {
	
	$("[data-collapse]").on("click", function(event) {
		event.preventDefault();

		var $this = $(this),
		blockId = $this.data('collapse');
			
		$(blockId).slideToggle();
	})
});


<div class="menu-inner">
				<div class="menu-dishes" data-collapse="#dish-1">
					<img class="menu-dishes-icon" src="assets/img/menu/menu-icon-1.png" alt="/">
					<h3 class="menu-dishes-title">Горячие закуски</h3>
				</div>
			
				<div class="menu-visible" id="dish-1">
					<div class="menu-item">
						<div class="menu-position-info">
							<img class="menu-position-img" src="assets/img/menu/position-1.jpg">
							<h3 class="menu-position-name">Тарелка свежих овощей с чесночно-творожным 
                                                        соусом</h3>
							<p class="menu-position-ingredients">Сладкий перец,томаты, огурцы, зеленые перья 
                                                        лука, зелень, стебли сельдерея</p>
							<p class="menu-position-weight">220 г	/ 150 ккал.	</p>
							<h3 class="menu-position-price">210, — ₽</h3>
						</div>
					</div>

					<div class="menu-item">
						<div class="menu-position-info">
							<img class="menu-position-img" src="assets/img/menu/position-2.jpg">
							<h3 class="menu-position-name">Сырные пятачки из собственной сыровани
							</h3>
							<p class="menu-position-ingredients">В пряном масле с вялеными томатами и 
                                                         травами</p>
							<p class="menu-position-weight">220 г	/ 150 ккал.	</p>
							<h3 class="menu-position-price">350, — ₽</h3>
						</div>
					</div>

					<div class="menu-item">
						<div class="menu-position-info">
							<img class="menu-position-img" src="assets/img/menu/position-3.jpg">
							<h3 class="menu-position-name">Сыр из собственной сыроварни</h3>
							<p class="menu-position-ingredients">Приготовленный по старинному кавказскому 
                                                        рецепту, подается на пергаменте со сладкой горчицей</p>
							<p class="menu-position-weight">50 г	/ 90 ккал.	</p>
							<h3 class="menu-position-price">150, — ₽</h3>
						</div>
					</div>

					<div class="menu-item">
						<div class="menu-position-info">
							<img class="menu-position-img" src="assets/img/menu/position-4.jpg">
							<h3 class="menu-position-name">Сало трёх видов с хреном и горчицей</h3>
							<p class="menu-position-ingredients">Сало в острой перечной обсыпке, с чесноком и 
                                                        сало собственного копчения.</p>
							<p class="menu-position-weight">220 г	/ 150 ккал.	</p>
							<h3 class="menu-position-price">270, — ₽</h3>
						</div>
					</div>
				</div>
			</div>
  • Вопрос задан
  • 138 просмотров
Решения вопроса 1
sasmoney
@sasmoney
Какой див не пойму но пример оставлю
$(".class").hide();
Поместить где-то сразу после нужного класса
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы