Найти ошибки в скрипте

@Divil · Регистрация: 11.04.2012

Студворк — интернет-сервис помощи студентам

Начал изучать JS, так что еще много чего наверно не знаю. Вот попробовал сделать меню..но чето код не работает, в чем ошибка?

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<script language="JavaScript">
  function menu(){
   if (document.$('#vmenu ul li ul li').display = "none"){
   document.$('#vmenu ul li ul li').display = "block";
   }else{
    document.$('#vmenu ul li ul li').display = "none";
    }
  }
 </script>
</head>
<body>
 <script language="JavaScript">
  var a = 0;
 </script>

понимаю что код скорее всего даже не правильный, но все равно почему не работает данная строка document.$('#vmenu ul li ul li').display.block;?

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
#vmenu ul li{
list-style:none;/* Убираем маркеры списка */
}
 
#vmenu ul li a{
text-decoration:none;/* Убираем оформление у ссылок(подчеркивание) */
color:black;/* Цвет текста */
}
 
#vmenu ul li a:hover{
font-size:10pt;/* Размер шрифта */
color:#34c924;/* Цвет текста */
text-shadow: 1px 1px 2px black, 0 0 1em red;/* Тень текста */
}
 
#vmenu ul li ul{
padding-left:3px;/* Убираем поля с левого края */
}
 
#vmenu ul li ul li{
display:none;/* Скрываем элемент */
}

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<nav id="vmenu">
   <ul>
    <li><a href="index.php">Главная</a></li>
    <li><a href="">Новости</a></li>
    <li><a href="" class="podmenu" Onclick="menu()">Статьи</a>
      <ul>
       <li><a href="">Подменю Статьи 1</a></li>
       <li><a href="">Подменю Статьи 2</a></li>
       <li><a href="">Подменю Статьи 3</a></li>
      </ul>
    </li>
    <li><a href="" class="podmenu">Файлы</a>
      <ul>
       <li><a href="">Подменю Файлы 1</a></li>
       <li><a href="">Подменю Файлы 2</a></li>
       <li><a href="">Подменю Файлы 3</a></li>
      </ul>
    </li>
    <li><a href="">Обратная связь</a></li>
    <li><a href="">Гостевая книга</a></li>
    <li><a href="">F.A.Q.</a></li>
   </ul>
  </nav>

@gooseim · 07.11.2012, 14:08

Вместо document.$('#vmenu ul li ul li')
надо писать просто $('#vmenu ul li ul li')
Естественно, если подключен jQuery

@Divil · 07.11.2012, 17:53 **[ТС]**

JavaScript
1
2
3
4
5
6
7
8
9
10
<script language="JavaScript">
  function menu(){
   if ($('#vmenu ul li ul li').display = "none"){
   $('#vmenu ul li ul li').display = "block";
   }else{
    $('#vmenu ul li ul li').display = "none";
    }
  }
 </script>
 <script src="js/jquery-1.8.2.min.js"></script>

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
@charset "utf-8";
/* Вертикальное меню */
 
#vmenu ul li{
list-style:none;/* Убираем маркеры списка */
}
 
#vmenu ul li a{
text-decoration:none;/* Убираем оформление у ссылок(подчеркивание) */
color:black;/* Цвет текста */
}
 
#vmenu ul li a:hover{
font-size:10pt;/* Размер шрифта */
color:#34c924;/* Цвет текста */
text-shadow: 1px 1px 2px black, 0 0 1em red;/* Тень текста */
}
 
#vmenu ul li ul{
padding-left:3px;/* Убираем поля с левого края */
}
 
#vmenu ul li ul li{
display:none;/* Скрываем элемент */
}

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<nav id="vmenu">
   <ul>
    <li><a href="index.php">Главная</a></li>
    <li><a href="">Новости</a></li>
    <li><a href="#" class="podmenu" Onclick="menu()">Статьи</a>
      <ul>
       <li><a href="">Подменю Статьи 1</a></li>
       <li><a href="">Подменю Статьи 2</a></li>
       <li><a href="">Подменю Статьи 3</a></li>
      </ul>
    </li>
    <li><a href="#" class="podmenu" Onclick="menu()">Файлы</a>
      <ul>
       <li><a href="">Подменю Файлы 1</a></li>
       <li><a href="">Подменю Файлы 2</a></li>
       <li><a href="">Подменю Файлы 3</a></li>
      </ul>
    </li>
    <li><a href="">Обратная связь</a></li>
    <li><a href="">Гостевая книга</a></li>
    <li><a href="">F.A.Q.</a></li>
   </ul>
  </nav>

библиотеку скачал с сайта jQuery
и все равно почему то не работает...

@gooseim · 07.11.2012, 21:07

JavaScript
1
2
if ($('#vmenu ul li ul li').css('display') == "none"){
   $('#vmenu ul li ul li').css('display', "block");

@Divil · 08.11.2012, 13:32 **[ТС]**

а как сделать так чтобы при нажатии на Статьи или Файлы открывалась именно их подменю, а не оба?

@gooseim · 08.11.2012, 14:29

Как вариант. Можно, конечно, сделать красивее:

JavaScript
1
2
3
4
5
6
7
8
<script language="JavaScript">
  function menu(a){
    if($(a).parent().children("ul").children().css("display") == "none")
        $(a).parent().children("ul").children().css("display", "block");
    else
        $(a).parent().children("ul").children().css("display", "none");
  }
 </script>

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<ul>
    <li><a href="index.php">Главная</a></li>
    <li><a href="">Новости</a></li>
    <li><a href="" class="podmenu" Onclick="menu(this); return false;">Статьи</a>
      <ul>
       <li><a href="">Подменю Статьи 1</a></li>
       <li><a href="">Подменю Статьи 2</a></li>
       <li><a href="">Подменю Статьи 3</a></li>
      </ul>
    </li>
    <li><a href="" class="podmenu" Onclick="menu(this); return false;">Файлы</a>
      <ul>
       <li><a href="">Подменю Файлы 1</a></li>
       <li><a href="">Подменю Файлы 2</a></li>
       <li><a href="">Подменю Файлы 3</a></li>
      </ul>
    </li>
    <li><a href="">Обратная связь</a></li>
    <li><a href="">Гостевая книга</a></li>
    <li><a href="">F.A.Q.</a></li>
   </ul>

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .

@gooseim 516 / 421 / 92 Регистрация: 23.09.2010 Сообщений: 1,165
	07.11.2012, 14:08
	Вместо document.$('#vmenu ul li ul li') надо писать просто $('#vmenu ul li ul li') Естественно, если подключен jQuery 0

@Divil 8 / 8 / 10 Регистрация: 11.04.2012 Сообщений: 611
	08.11.2012, 13:32 [ТС]
	а как сделать так чтобы при нажатии на Статьи или Файлы открывалась именно их подменю, а не оба? 0