Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.83/6: Рейтинг темы: голосов - 6, средняя оценка - 4.83
нарр
0 / 0 / 0
Регистрация: 18.01.2014
Сообщений: 49
1

Раскрывающийся список

11.01.2015, 11:54. Просмотров 1078. Ответов 2
Метки нет (Все метки)

Рябятушки миленькие мои пожалуйста помогите мне пожалуйста,хотя бы одну страничку, а по примеру я уже сама смогу. Где идёт меню учебника мне нужно сделать раскрывающийся список по главам. Сообразить вообще не чего не могу. Help me...index_files.rar
0
Лучшие ответы (1)
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
11.01.2015, 11:54
Ответы с готовыми решениями:

Раскрывающийся список
Хочу небольшой блок создать на странице и в этом блоке сделать раскрывающийся...

Раскрывающийся список
У меня раскрывающиеся списки сделаны так: <li><div...

Раскрывающийся список
Как сделать раскрывающийся список, чтобы при выборе элемента из списка...

Раскрывающийся список таблицей
Как сделать раскрывающийся список с плюсиком, чтобы пр нажатии на плюсик...

Раскрывающийся список множественного выбора
Хочется сделать раскрывающийся список множественного выбора. Посмотрел, для...

2
yakymiv
5 / 5 / 2
Регистрация: 08.10.2014
Сообщений: 70
11.01.2015, 14:43 2
Лучший ответ Сообщение было отмечено нарр как решение

Решение

Как-то так?

HTML5
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
26
27
28
29
30
31
32
33
34
35
36
37
<!DOCTYPE html>
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
    <style>
h3 { cursor:pointer;}
</style>
</head>
<body>
<div class="box">
    <h3><span>Список №1+</span></h3>
    <ul>
        <li>Пункт №1</li>
        <li>Пункт №2</li>
        <li>Пункт №3</li>
        <li>Пункт №4</li>
    </ul>
</div>
<div class="box">
    <h3><span>Список №2+</span></h3>
    <ul>
        <li>Пункт №5</li>
        <li>Пункт №6</li>
        <li>Пункт №7</li>
        <li>Пункт №8</li>
    </ul>
</div>
<script>
$(document).ready(function(){
$("ul").hide();
$("h3 span").click(function(){
$(this).parent().next().slideToggle();
});
}); 
</script>
</body>
</html>
еще можете взглянуть на CSS реализацию http://cssor.ru/css/polezno-interesnoe/cssmenu
0
нарр
0 / 0 / 0
Регистрация: 18.01.2014
Сообщений: 49
11.01.2015, 17:38  [ТС] 3
Цитата Сообщение от yakymiv Посмотреть сообщение
Как-то так?
Спасибо попробую
0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
11.01.2015, 17:38

Некорректно отображается раскрывающийся список <select>
Помогите, пожалуйста, решить проблему. Создаю адаптивный сайт. На экранах...

Сделать раскрывающийся список как на сайте
Сделать раскрывающийся список как на сайте...

Как сделать раскрывающийся список определений
Здравствуйте. &lt;dl&gt; &lt;dt&gt;Термин 1&lt;/dt&gt; &lt;dd&gt;Определение термина...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru