Технический форум

Технический форум (http://www.tehnari.ru/)
-   Изготовление сайтов (http://www.tehnari.ru/f129/)
-   -   JavaScript, раскрывающийся список (http://www.tehnari.ru/f129/t53226/)

Black_Parrot 15.06.2011 15:39

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

И хотелось бы мне сделать раскрывающийся список, т.е.
  1. -Заголовок(при клике на него открывается внизу)
    1. -Подзаголовок(при клике открывается ниже)
      Бла-бла-бла
    2. +Подзаголовок
    3. +Подзаголовок
  2. +Заголовок

Подскажите, как это наиболее просто реализовать(без 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()
})
})

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

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


Часовой пояс GMT +4, время: 23:47.

Powered by vBulletin® Version 4.5.3
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.