Як зробити акордеон

Як зробити акордеон

Зручне та оригінальне меню акордеон дозволяє зручно розташувати на одній сторінці багато інформації, яка відкривається при необхідності. Для того щоб зробити акордеон необхідно скористатися певними скриптами. Створити акордеон і впровадити його можна в Joomla.

Вам знадобиться

Комп’ютер. Доступ в інтернет. ПЗ для роботи в Joomla.

Інструкція

  1. Створюємо файл jquery.js. Завдяки цьому файлу буде відкриватися вміст лише однієї статті. При цьому заголовок статті перетворюється на заслання, яка буде або показувати, або прибирати основний текст.
  2. Спочатку необхідно відкрити файл index.php і зберегти шлях до шаблону у змінній величині $ template.
  3. Створені скрипти підключають в секції head. Задаємо умова для перевірки на головній сторінці. Підключаємо на відкритій сторінці всі необхідні скрипти java. Прописуємо відкриття скриптів в head перед закриттям.
  4. Попередній крок розміщується в першу частину коду, коли використовується перевірка головної сторінки.
  5. Прописуємо стилі для margin, cursor, text-decoration, display, height, padding, background, border. Для цього, звичайно, оптимально використовувати CSS-таблиці. Тоді всі елементи випадаючого меню будуть гармонійно виглядати, і не доведеться прописувати для кожної сторінки дані параметри.

Зверніть увагу

Іноді коли текст випадає при натисканні на посилання і зникає при повторному натисканні, це може бути незручно. У цьому випадку в архіві з исходниками розташовується файл menu.js. При використанні файлу menu-collapsed.js при натисканні на інший розділ меню відкритий текст буде автоматично згортатися.

Корисні поради

Посилання можуть вести також на інші сторінки і сайти. Посилання розбиваються на розділи.