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

Black_Parrot · 15.06.2011, 15:39

Ребят, делаю элементарный html сайт...

И хотелось бы мне сделать раскрывающийся список, т.е.

-Заголовок(при клике на него открывается внизу)
1. -Подзаголовок(при клике открывается ниже)
  Бла-бла-бла
2. +Подзаголовок
3. +Подзаголовок
+Заголовок

Подскажите, как это наиболее просто реализовать(без php)...

kreol · 16.06.2011, 19:10

вообще это легче всего сделать с помощью jquery к тому же там много других разных вкусностей... так что можно использовать и для других частей сайта...

Black_Parrot · 16.06.2011, 22:48

Хорошо, как сделать с помощью jquery? Ну это же и есть Java Script...

Я, к сожалению, только с HTML знаком и CSS...

Alive_UA · 11.07.2011, 23:40

HTML5 и CSS3 и т.п., кажется, позволяют это делать, но я с ними не знаком.

jQuery UI - Home - в направлении toggle, slideup/down, hide/show ^____^
Вся идея сводится как раз к вашим знаниям - динамическое изменение CSS-свойств display, width, height, opticaly

Код:

<div class="title"></div><div class="content"><div class="title"></div><div class="content"></div><div class="title"></div><div class="content"></div><div class="title"></div><div class="content"><div class="title"></div><div class="content"></div></div></div>
jQuery(document).load(function($){
$('.title').click(function(){
$(this).next('.content').toggle()
})
})

принцип такой, но я мог ошибиться на скорую руку.

А лучше - посмотрите исходники спойлеров!

15.06.2011, 15:39	#1 (permalink)
Black_Parrot Member Регистрация: 05.01.2007 Сообщений: 7,067 Записей в дневнике: 6 Сказал(а) спасибо: 9 Поблагодарили 1 раз в 1 сообщении Репутация: 10522	JavaScript, раскрывающийся список Ребят, делаю элементарный html сайт... И хотелось бы мне сделать раскрывающийся список, т.е. -Заголовок(при клике на него открывается внизу) -Подзаголовок(при клике открывается ниже) Бла-бла-бла +Подзаголовок +Подзаголовок +Заголовок Подскажите, как это наиболее просто реализовать(без php)...

11.07.2011, 23:40	#4 (permalink)
Alive_UA Member Регистрация: 01.06.2008 Сообщений: 305 Сказал(а) спасибо: 0 Поблагодарили 0 раз(а) в 0 сообщениях Репутация: 886	HTML5 и CSS3 и т.п., кажется, позволяют это делать, но я с ними не знаком. jQuery UI - Home - в направлении toggle, slideup/down, hide/show ^____^ Вся идея сводится как раз к вашим знаниям - динамическое изменение CSS-свойств display, width, height, opticaly Код: <div class="title"></div><div class="content"><div class="title"></div><div class="content"></div><div class="title"></div><div class="content"></div><div class="title"></div><div class="content"><div class="title"></div><div class="content"></div></div></div> jQuery(document).load(function($){ $('.title').click(function(){ $(this).next('.content').toggle() }) }) принцип такой, но я мог ошибиться на скорую руку. А лучше - посмотрите исходники спойлеров! Последний раз редактировалось Alive_UA; 11.07.2011 в 23:50

Опции темы
Версия для печати Отправить по электронной почте
Опции просмотра
Линейный вид Комбинированный вид Древовидный вид

15.06.2011, 15:39
Helpmaster Member Регистрация: 08.03.2016 Сообщений: 0	Посетители нашего форума создавали топики, которые схожи с вашим Черный список и SMS Проблемы с меню в JavaScript JavaScript Список

16.06.2011, 19:10	#2 (permalink)
kreol Member Регистрация: 27.02.2010 Сообщений: 659 Сказал(а) спасибо: 0 Поблагодарили 0 раз(а) в 0 сообщениях Репутация: 1312	вообще это легче всего сделать с помощью jquery к тому же там много других разных вкусностей... так что можно использовать и для других частей сайта...

16.06.2011, 22:48	#3 (permalink)
Black_Parrot Member Регистрация: 05.01.2007 Сообщений: 7,067 Записей в дневнике: 6 Сказал(а) спасибо: 9 Поблагодарили 1 раз в 1 сообщении Репутация: 10522	Хорошо, как сделать с помощью jquery? Ну это же и есть Java Script... Я, к сожалению, только с HTML знаком и CSS...

Ads
Яндекс Member Регистрация: 31.10.2006 Сообщений: 40200 Записей в дневнике: 0 Сказал(а) спасибо: 0 Поблагодарили 0 раз(а) в 0 сообщениях Репутация: 55070