Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

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

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

Купить рекламу на форуме - 42 тыс руб за месяц

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

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

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

Код:
<!-- 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 в 00:07.
Bugerman21 вне форума Ответить с цитированием
Старый 05.03.2017, 00:09   #2
Alex11223
Старожил
 
Аватар для Alex11223
 
Регистрация: 12.01.2011
Сообщений: 19,500
По умолчанию

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

http://learn.javascript.ru/devtools
http://learn.javascript.ru/debugging-chrome
Ушел с форума, https://www.programmersforum.rocks, alex.pantec@gmail.com, https://github.com/AlexP11223
ЛС отключены Аларом.
Alex11223 вне форума Ответить с цитированием
Старый 05.03.2017, 13:52   #3
Naive
Раздолбайских Дел
Старожил
 
Аватар для Naive
 
Регистрация: 22.05.2009
Сообщений: 3,828
По умолчанию

Скрой через 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();
  });
});
айди кнеш надо будет перетащить в классы. не проверял.
Alar, верни репу!
Naive вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Строки С++. Какая разница между 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 18:33
Какая разница,между ClientSockets и ServerSockets или [indy] T andrey4623 Компоненты Delphi 3 18.08.2007 03:29