|
|
Регистрация Восстановить пароль |
Повторная активизация e-mail |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
12.09.2013, 16:23 | #1 |
Новичок
Джуниор
Регистрация: 12.09.2013
Сообщений: 1
|
Подпункты в меню
Помогите сделать второе подменю, т.е. что бы шло Теория -->Глава -->Тема . У меня получается через sub_menu сделать один под пункт, а вот второй он уже отказывает делать
Код HTML:
<!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="style.css"> </head> <div id="menu_body"> <ul> <li><a href="#" onclick="openMenu('sub_menu_1');return(false)"><center>Теория</center></a> <ul id="sub_menu_1"> <li><a href="#"><center>Глава №1. Человек и информация</center></a> <li><a href="#"><center>Глава №2. Компьютер: устройство и ПО</center></a></li> <li><a href="#"><center>Глава №3. Текстовая информация и компьютер</center></a></li> <li><a href="#"><center>Глава №4. Графическая информация и компьютер</center></a></li> <li><a href="#"><center>Глава №5. Мультимедии и компьютерные презентации</center></a></li> </ul> </li> <li><a href="#" onclick="openMenu('sub_menu_2');return(false)"><center>Итоговая проверка знаний</center></a> <ul id="sub_menu_2"> <li><a href="#"><center>Проверочный тест №1</center></a></li> <li><a href="#"><center>Проверочный тест №2</center></a></li> <li><a href="#"><center>Проверочный тест №3</center></a></li> <li><a href="#"><center>Проверочный тест №4</center></a></li> <li><a href="#"><center>Проверочный тест №5</center></a></li> </ul> </li> <li><a href="#" ;return(false)"><center>Глоссарий</center></a> </li> </ul> </div> <script type="text/javascript"> var id_menu = new Array('sub_menu_1','sub_menu_2'); startList = function allclose() { for (i=0; i < id_menu.length; i++){ document.getElementById(id_menu[i]).style.display = "none"; } } function openMenu(id){ for (i=0; i < id_menu.length; i++){ if (id != id_menu[i]){ document.getElementById(id_menu[i]).style.display = "none"; } } if (document.getElementById(id).style.display == "block"){ document.getElementById(id).style.display = "none"; }else{ document.getElementById(id).style.display = "block"; } } window.onload=startList; </script> </html> пользуйтесь тегами для оформления кода! Модератор Последний раз редактировалось Serge_Bliznykov; 12.09.2013 в 16:53. |
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Меню codrops (стильное меню), Как сделать чтобы текст не смещался в блоке? | AlienNation | HTML и CSS | 2 | 28.09.2011 13:17 |
меню как на сайте p&g (меню ввиде таблицы) | ilma55 | WordPress и другие CMS | 0 | 19.09.2010 19:09 |
Подпункты левой части каркаса | Golovastik | HTML и CSS | 1 | 26.07.2010 09:27 |
И сново sendMessage =) Как нажать пункт верхнего меню и меню правой кнопки? | TwiX | Win Api | 9 | 15.10.2009 01:57 |
Меню с Items в виде набора Bitmap (как меню редактирования в Word'е) | chandrasecar | Мультимедиа в Delphi | 7 | 14.01.2009 09:20 |