Форум программистов  
Контакты: о проблемах с регистрацией, почтой и по другим вопросам пишите сюда - alarforum@yandex.ru, проверяйте папку спам! Обязательно пройдите активизацию e-mail.

Вернуться   Форум программистов > Web > JavaScript, Ajax
Регистрация

Восстановить пароль
Повторная активизация e-mail

Ответ
 
Опции темы
Старый 05.03.2017, 00:54   #1
Bugerman21
 
Регистрация: 05.03.2017
Сообщений: 5
Репутация: 10
По умолчанию какая разница между кодами - раскрывающиеся меню

Всем привет, искал код для раскрывающиеся меню.

В одном из видео уроков был такой код. И он почему то не работает.

Код:

<!-- jQuery -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
	$('#menuShow').click (function () {
	if ($('#mobileMenu').is(':visible'))
	$('#mobileMenu').hide ();
	else
	$('#mobileMenu').show ();
	});

	window.onresize = function (event) {
	$('#mobileMenu').hide ().
	};
</script>


Наткнулся на такой код, он короче в раз и при этом работает на ура.
Только если зайти на сайт менюшка сразу раскрыта, что нужно прописать чтоб изначально была скрыта?

Код:

<!-- jQuery -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
	$('#menuShow').on ('click', function () {
	$('#mobileMenu').slideToggle();
	});
</script>



В чем разница между кодами и если можно объясните пожалуйста почему первый код не сработал.


______________________
Используйте тег [CODE] (кнопка с решеткой # в форме сообщения) при вставке кода на форум.

Последний раз редактировалось Alex11223; 05.03.2017 в 01:07.
Bugerman21 вне форума   Ответить с цитированием
Старый 05.03.2017, 01:09   #2
Alex11223
Модератор
Заслуженный модератор
 
Регистрация: 12.01.2011
Сообщений: 13,974
Репутация: 2784

icq: 512-7шесть5
skype: alexp.frl
По умолчанию

Цитата:
Сообщение от Bugerman21 Посмотреть сообщение
И он почему то не работает.
Ну так узнайте почему.

http://learn.javascript.ru/devtools
http://learn.javascript.ru/debugging-chrome
Alex11223 на форуме   Ответить с цитированием
Старый 05.03.2017, 14:52   #3
Naive
Раздолбайских Дел
Профессионал
 
Аватар для Naive
 
Регистрация: 22.05.2009
Адрес: Екатеринбург
Сообщений: 3,563
Репутация: 1785
По умолчанию

Скрой через css, тупо display: none, с остальным jQuery разберется.
п.с. Первый пример — шняга.
п.п.с. Второй тоже, нехорошее это дело линковаться через айди. Я бы сделал так:
Код:

$('.menuShow').each(function(){
  var $self = $(this);
  var $win = $(window);
  var $child = $self.find('.menuMobile');
  $self.click(function(){
    $child.slideToggle();
  });
  $win.resize(function(){
    $child.hide();
  });
});

айди кнеш надо будет перетащить в классы. не проверял.
__________________
ridero.ru — создайте настоящую книгу
Жду ваши искренние спасибы на яндекс-кошелек: 410011068154587
Naive вне форума   Ответить с цитированием
Ответ



Опции темы

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Строки С++. Какая разница между gets и cin ? Erlotaza Общие вопросы C/C++ 3 19.05.2012 09:14
Какая разница в css между id и class? Красавчег))) HTML и CSS 6 05.08.2008 14:44
Какая разница между MS Visual и C++ Fanta_Clour Софт 2 09.03.2008 19:33
Какая разница,между ClientSockets и ServerSockets или [indy] T andrey4623 Компоненты Delphi 3 18.08.2007 03:29




00:13.


Powered by vBulletin® Version 3.8.8 Beta 2
Copyright ©2000 - 2017, Jelsoft Enterprises Ltd.

купить трафик


как улучшить посещаемость, а также решения по монетизации сайтов, видео и приложений

RusProfile.ru


Справочник российских юридических лиц и организаций.
Проекты отопления, пеллетные котлы, бойлеры, радиаторы
интернет магазин respective.ru