Сумісний з версіями jQuery вище 1.7.0
Простий виклик плагіна:
Можна викликати з додатковими опціями:
- speed. 100 (в мілісекундах)
- maxHeight. 200 (в пікселях)
- heightMargin. 16 (в пікселях, дозволяє уникнути ламання блоків, які лише трохи більше заданої висоти - maxHeight)
- moreLink. 'Детальніше'
- lessLink. 'приховати'
- embedCSS. true (вставляє динамічний CSS стилі, встановіть false, якщо всі стилі ви будете подключаать самі в своєму файлі стилів)
- sectionCSS. 'Display: block; width: 100%; ' (Встановлює стиль блоків)
- startOpen. false (по дефолту блок прихований, при параметрі true - текст буде показаний повністю, але з можливістю приховати)
- expandedClass. 'Readmore-js-expanded' (клас додається до розгорнутого блоку)
- collapsedClass. 'Readmore-js-collapsed' (клас додається до згорнутому блоку)
- beforeToggle. function () <> (Функція викликається після натискання на кнопку "Подробнее" або "Приховати", але до того, як блок згорнеться або розгорнеться)
- afterToggle. function () <> (Функція викликається після того, як блок розгорнеться або згорнеться)
Якщо у елемента задана максимальна висота в CSS стилях, то плагін буде використовувати саме це значення, а не значення опції maxHeight
Як передзвонити:
Функції зворотного виклику, beforeToggle () і afterToggle () отримують ті ж самі аргументи: trigger. element і more.
- trigger. кнопки "Детальніше" або "Приховати"
- element. блок, який в даний час згортається або розгортається
- more. boolean, true - означає, що блок розгортається
Приклад зворотного виклику.
Ось приклад використання функції afterToggle. щоб перейти до верхньої частини блоку, коли натиснута кнопка "Приховати":
Відключити функціонал плагіна можна так:
Або ж ви можете вказати елемент, на якому доданок не повинен працювати:
За замовчуванням плагін вставляє наступний CSS код на сторінку:
За допомогою опції плагіна можна змінити перше правило:
Якщо ви хочете використовувати свій файл стилів, то в налаштуваннях плагіна вкажіть false:
СКАЧАТИ Стрибок: 4134
5,73 Kb Хто скачав?