accordion

виджет Accordion

accordion([methodName, option, value])
accordion([methodName, param_obj])
accordion([param_obj])
<div id="accordion">

    <h2><a href="#">Layer1</a></h2>
    <div id="row1"></div>

    <h2><a href="#">Layer2</a></h2>
    <div id="row2"></div>

    <h2><a href="#">Layer3</a></h2>
    <div id="row3"></div>

</div>
  • methodName

    • destroy - Полностью удаляет функциональность виджета Accordion из элемента input
    • disable - Приостанавливает работу виджета Accordion для данного элемента
    • enable - Возобновляет работу ранее приостановленного виджета Accordion
    • option - Устанавливает значения одной или нескольких опций
    • activate - Открывает панель, соответствующую указанному индексу (отсчет ин­дексов ведется с нуля)
    • resize - При включенной опции fillspace разрешает изменение размера виджета в соответствии с изменениями размера родительского элемента
  • param_obj - объект параметров

    • active - Позволяет определить, какая панель отображается или должна отображаться. По умол­чанию первоначально отображается первая панель

    • animated - Определяет тип анимации, используемой при смене панелей содержимого. Значение поумолчанию — slide.

    • autoHeight - Если эта опция равна true, то для всех панелей устанавливается одинаковая высота, соответствующая панели с наибольшим по размеру содержимым. Значение по умолчанию — true

    • change - обработчик, при переключении панелей виджета

      $('accordiondiv').accordion({
          change: function(event, ui){
              // ui.newHeader - Элемент заголовка для предыдущей активной панели
              // ui.oldHeader - Элемент заголовка для вновь активизированной панели
              // ui.newContent - Содержимое вновь активизированной панели
              // ui.oldContent - Содержимое предыдущей активной панели
          }
      })
      
    • changestart - обработчик, в начале процесса переключения панелей виджета

    • clearstyle - Если эта опция равна true, то по завершении анимационного перехода значения высо­ты всех панелей сбрасываются и заново пересчитываются для учета возможного изме­нения высоты панели с максимальным размером содержимого. Значение по умолчанию — false

    • collapsible - Если эта опция равна true, то щелчок на открытой панели приводит к ее закрытию, в результате чего все панели оказываются закрытыми. Значение по умолчанию — false

    • create - обработчик, при создании виджета

    • disabled - Если эта опция равна true, то виджет отключен. Значение по умолчанию — false

    • event - Определяет для элемента заголовка событие, при наступлении которого происходит переключение панелей. Значение по умолчанию — click

    • fillSpace - Если эта опция равна true, то виджет будет занимать все пространство своего роди­тельского элемента по высоте. Значение по умолчанию — false, при котором высота виджета определяется высотой панелей содержимого

    • header - Определяет элементы, используемые в качестве заголовков

    • icons - Определяет значки, используемые в виджете Accordion

      • headers - иконка для закрытой панели
      • headerSelected - иконка для открытой панели