All-For-Kompa.RU

Сегодня:
Карта сайта форум Главная
Скрыть рекламный блок

Всё для компа

chat

Видео дня

Популярное

Реклама

Хочешь помочь проекту? Установи наш баннер!

Партнёры



Развлекательный портал по игре Dota 2. У нас вы первым узнаете о последних игровых новостях, сможете почитать интересные статьи и гайды, посмотреть стримы популярных комментаторов и многое другое.

Про-софт - сайт професионального софта. Ето сайт не только софта но также игровых дополнений, музыки, фильмов, игр для ПК а также читов для ПК игр. Постоянное обновление материалов и каждый день появляется чтото новенькое!

Авторизация


Реклама

Хочешь помочь проекту? Установи наш баннер!

Опрос

Если не спиться

1. лечь спать а не сидеть за компом до 6 утра
2. утопиться
3. обкуриться
4. воды напиться
5. задолбиться
6. обмочиться
7. выпрямиться

Реклама

Хочешь помочь проекту? Установи наш баннер!

Популярные тэги

Комментарии

Счетчики

На сайте: 1
Прохожие: 1
Пользователей: 0
Статус:

Счётчик тИЦ и PR Rambler's Top100
HTML и DHTML [2] JavaScript [5]
Mootools [2] JQuery [22]
Разное [2] CSS [4]
PHP [1]
АвторАвтор: leonP4 | ДатаДата: 01.09.2010 |Голосов: 0


Неплохой, чётко работающий и легко настраиваемый плагин для отображения
любого вашего контента в компактном и стильном исполнении
На страницах, где будет использован данный плагин, после /head вставляйте:

Code
<link rel="stylesheet" href="/css/style.css" type="text/css" />

Далее в то место, где будет сам блок с выезжающими панелями, всавляйте:

Code
<div id="options">  
  <a href="javascript:parentAccordion.pr(1)">Показать всё</a> | <a href="javascript:parentAccordion.pr(-1)">Скрыть всё</a>  
  </div>  
  <ul class="acc" id="acc">  
  <li>  
  <h3>Раздел 1</h3>  
  <div class="acc-section">  
  <div class="acc-content">  
  <ul class="acc" id="nested">  
  <li>  
  <h3>Блок 1</h3>  
  <div class="acc-section">  
  <div class="acc-content">  
  Контент блока 1
  </div>  
  </div>  
  </li>  
  <li>  
  <h3>Блок 2</h3>  
  <div class="acc-section">  
  <div class="acc-content">  
  Контент блока 2
  </div>  
  </div>  
  </li>  
  <li>  
  <h3>Блок 3</h3>  
  <div class="acc-section">  
  <div class="acc-content">  
  Контент блока 3
  </div>  
  </div>  
  </li>  
  </ul>  
  Здесь простой текст раздела 1
  </div>  
  </div>  
  </li><li>  
  <h3>Раздел 2</h3>  
  <div class="acc-section">  
  <div class="acc-content">
  Здесь текст раздела 2
  </div>  
  </div>  
  </li>  
  <li>  
  <h3>Раздел 3</h3>  
  <div class="acc-section">  
  <div class="acc-content">  
  Здесь текст раздела 3
  </div>  
  </div>  
  </li>  
  </ul>  

  <script type="text/javascript" src="/js/script.js"></script>  
   
  <script type="text/javascript">  
   
  var parentAccordion=new TINY.accordion.slider("parentAccordion");
  parentAccordion.init("acc","h3",0,0);
   
  var nestedAccordion=new TINY.accordion.slider("nestedAccordion");
  nestedAccordion.init("nested","h3",1,-1,"acc-selected");
   
  </script>

Далее залейте файлы из прикреплённого архива в корень сайта следующим образом:
style.css - в папку css
script.js - в папку js
header_over.gif и header.gif - в папку images


Теги к статье:

| : jQuery, скрипты
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Популярные файлыНовые файлы
Call of Duty 5: World at ...[ Скачали 67375 раз ]
Амфибии, Гайд по ассасина...[ Скачали 31758 раз ]
Амфибии, Гайд по шаманам.[ Скачали 30663 раз ]
cs 1.6 patch v48 full[ Скачали 29046 раз ]
Русский бот PW Alfa v 2.6[ Скачали 17192 раз ]
Огромный пак глюков и баг...[ Скачали 12745 раз ]
civilization 5 скачать бе...[ Скачали 11941 раз ]
PW MP5[ Скачали 11149 раз ]
MHS-Bot-PW 2.3 ботовод[ Скачали 10405 раз ]
Niko Bellic (нико белич) ...[ Скачали 10006 раз ]
Wallpapers Girls №1044[ Добавлен 14.04.2024 ]
Shadow Corridor 2 (2024/E...[ Добавлен 14.04.2024 ]
Inkbound (2024/En/MULTI/R...[ Добавлен 13.04.2024 ]
The Planet Crafter (2024/...[ Добавлен 13.04.2024 ]
My Life: Farm Vet (2024/R...[ Добавлен 12.04.2024 ]
Headquarters: World War I...[ Добавлен 12.04.2024 ]
Ereban: Shadow Legacy (20...[ Добавлен 11.04.2024 ]
Broken Roads (2024/Ru/En/...[ Добавлен 11.04.2024 ]
Wallpapers Girls №1042[ Добавлен 11.04.2024 ]
Children of the Sun (2024...[ Добавлен 09.04.2024 ]