Ajax Russia : Аякс по-русски

Свежие новости из мира IT

Аккордеон 2.0

AccordeonКевин Миллер выпустил новую версию своего скрипта Аккордеон. Библиотека основана на базе Prototype и Scriptaculous и работает по моему лучше чем аккордеон от jQuery UI. Ни в коем случае не хочу обидеть фанатов jQuery. ;)

Новые функции в версии 2.0:

  • Активный аккордеон будет закрываться при нажатии на заголовок.
  • Возможность делать аккордеоны в аккордеоне.
  • Аккордеон динамически изменяет размер, в зависимости от содержимого.
  • Исправлены многие баги.

Как использовать:

  1. Добавляем джаваскрипт

    HTML:
    1. <script type="text/javascript" src="javascript/prototype.js"></script>
    2. <script type="text/javascript" src="javascript/effects.js"></script>
    3. <script type="text/javascript" src="javascript/accordion.js"></script>

  2. Добавляем HTML
    HTML:
    1. <div id="vertical_container">
    2. <h2 class="accordion_toggle">Заголовок 1</h2>
    3. <div class="accordion_content">Текст</div>
    4.  
    5. <h2 class="accordion_toggle">Заголовок 2</h2>
    6. <div class="accordion_content">Текст</div>
    7.  
    8. </div>

  3. Применяем скрипт
    JavaScript:
    1. var verticalAccordion = new accordion('#vertical_container');

Подробнее о дополнительных параметрах к функции можно посмотреть на страничке автора. Там же сразу есть и рабочий пример скрипта.

del.icio.us Забобрить!

4 Comments so far

  1. DeadLy September 21st, 2007 11:01

    Супер, этотна первый взгляд получше будет!

  2. Minixan September 22nd, 2007 21:46

    в IE6 - Глючит =(

  3. Big 40wt Svetlyak September 26th, 2007 15:59

    А не мог бы ты объяснить поподробнее, что такое этот самый аккордион, и для чего он нужен?

  4. Andrew` June 26th, 2008 10:59

    А как добавить несколько внутренних Vertical у меня не получается

Leave a reply