• Добро пожаловать на компьютерный форум Tehnari.ru. Здесь разбираемся с проблемами ПК и ноутбуков: Windows, драйверы, «железо», сборка и апгрейд, софт и безопасность. Форум работает много лет, сейчас он переехал на новый движок, но старые темы и аккаунты мы постарались сохранить максимально аккуратно.

    Форум не связан с магазинами и сервисами – мы ничего не продаём и не даём «рекламу под видом совета». Отвечают обычные участники и модераторы, которые следят за порядком и качеством подсказок.

    Если вы у нас впервые, загляните на страницу о проекте, чтобы узнать больше. Чтобы создавать темы и писать сообщения, сначала зарегистрируйтесь, а затем войдите под своим логином.

    Не знаете, с чего начать? Создайте тему с описанием проблемы – подскажем и при необходимости перенесём её в подходящий раздел.
    Задать вопрос Новые сообщения Как правильно спросить
    Если пришли по ссылке со старого Tehnari.ru – вы на нужном месте, просто продолжайте обсуждение.

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

Black_Parrot

Ученик
Почётный участник
Регистрация
5 Янв 2007
Сообщения
7,067
Реакции
91
Баллы
0
JavaScript, раскрывающийся список

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

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

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

Подскажите, как это наиболее просто реализовать(без php)...
 
вообще это легче всего сделать с помощью jquery к тому же там много других разных вкусностей... так что можно использовать и для других частей сайта...
 
Хорошо, как сделать с помощью jquery? Ну это же и есть Java Script...

Я, к сожалению, только с HTML знаком и CSS...
 
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()
})
})
принцип такой, но я мог ошибиться на скорую руку.

А лучше - посмотрите исходники спойлеров!
 
Последнее редактирование:
Назад
Сверху