Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 08.11.2012, 01:43
Новичок на форуме
Отправить личное сообщение для Hamster113 Посмотреть профиль Найти все сообщения от Hamster113
 
Регистрация: 08.11.2012
Сообщений: 1

Нужен скрипт для появления подменю по клику
Предупрежу сразу:
Во-первых, я пока еще ничего не понимаю в javascript;
Во-вторых, возможно мой вопрос является повтором.

Суть вопроса:
У меня есть следующий html код для меню:
1<div id="menu">
2 <ul>
3 <li onclick="openMenu(1)"><b>menu1</b>
4 <ul>
5 <li>menu1_1</li>
6 <li>menu1_2</li>
7 <li>menu1_3</li>
8 <li>menu1_4</li>
9 </ul>
10 </li>
11 <li onclick="openMenu(2)"><b>menu2</b>
12 <ul>
13 <li>menu2_1</li>
14 <li>menu2_2</li>
15 <li>menu2_3</li>
16 <li>menu2_4</li>
17 </ul>
18 </li>
19 <li onclick="openMenu(3)"><b>menu3</b>
20 <ul>
21 <li>menu3_1</li>
22 <li>menu3_2</li>
23 <li>menu3_3</li>
24 <li>menu3_4</li>
25 </ul>
26 </li>
27 </ul>
28</div>

где в файле css имеем следующую строку:
#menu li ul {display: none;}

Задача:
написать скрипт "openMenu", с помощью которого, при нажатии на заголовок "menu1", "menu2" или "menu3", появлялось бы подменю.

Заранее спасибо.

Последний раз редактировалось Hamster113, 08.11.2012 в 01:52.
Ответить с цитированием
  #2 (permalink)  
Старый 09.11.2012, 12:06
Аватар для ruslan_mart
Профессор
Отправить личное сообщение для ruslan_mart Посмотреть профиль Найти все сообщения от ruslan_mart
 
Регистрация: 30.04.2012
Сообщений: 3,018

Может, как-то так:

<div id="menu">
<ul>
<li onclick="openMenu(1)"><b>menu1</b>
<ul id="menu1" style="display:none">
<li>menu1_1</li>
<li>menu1_2</li>
<li>menu1_3</li>
<li>menu1_4</li>
</ul>
</li>
<li onclick="openMenu(2)"><b>menu2</b>
<ul id="menu2" style="display:none">
<li>menu2_1</li>
<li>menu2_2</li>
<li>menu2_3</li>
<li>menu2_4</li>
</ul>
</li>
<li onclick="openMenu(3)"><b>menu3</b>
<ul id="menu3" style="display:none">
<li>menu3_1</li>
<li>menu3_2</li>
<li>menu3_3</li>
<li>menu3_4</li>
</ul>
</li>
</ul>
</div>

<script>
function openMenu(a)
{
if(document.getElementById('menu'+a).style.display == 'none')
{
document.getElementById('menu'+a).style.display == '';
}
else
{
document.getElementById('menu'+a).style.display == 'none';
}
}
</script>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Нужен подобный скрипт с сайта z1odeyka Элементы интерфейса 2 28.10.2012 06:21
Нужен скрипт вывода времени публикации, аля контакт. SashaK Элементы интерфейса 5 07.04.2012 16:10
Нужен скрипт подсчитывающий количество знаков введённых пользователем javascript_pupil Работа 8 06.01.2011 13:31
Нужен скрипт N98CG4 Общие вопросы Javascript 4 12.07.2009 15:54
Как изменить скрипт, что бы им его можно было использовать для нужной страницы Nick50_70 Общие вопросы Javascript 0 28.04.2009 23:30