Автор КакПросто!
Как сделать аккордеон
Удобное и оригинальное меню аккордеон позволяет удобно расположить на одной странице много информации, которая открывается при необходимости. Для того чтобы сделать аккордеон необходимо воспользоваться определенными скриптами. Создать аккордеон и внедрить его можно в Joomla.
Вам понадобится
- Компьютер. Доступ в интернет. ПО для работы в Joomla.
Инструкция
Создаем файл jquery.js. Благодаря этому файлу будет открываться содержимое
только одной
статьи. При этом заголовок статьи превращается в ссылку, которая будет либо показывать, либо
убирать основной
текст.
Первоначально необходимо
открыть файл index.php и сохранить путь к шаблону в переменной величине $template.
Созданные скрипты подключают в секции head. Задаем условие для проверки на главной странице. Подключаем на открытой странице все необходимые скрипты java. Прописываем открытие скриптов в head перед закрытием.
Предыдущий шаг размещается в первую часть кода, когда используется проверка главной страницы.
Прописываем стили для margin, cursor, text-decoration, display, height, padding, background, border. Для этого, конечно, оптимально использовать CSS-таблицы. Тогда все элементы выпадающего меню будут гармонично выглядеть, и не придется прописывать для каждой страницы данные параметры.
Обратите внимание
Иногда когда текст выпадает при нажатии на ссылку и исчезает при повторном нажатии, это может быть неудобно. В этом случае в архиве с исходниками располагается файл menu.js. При использовании файла menu-collapsed.js при нажатии на другой раздел меню открытый текст будет автоматически сворачиваться.
Полезный совет
Ссылки могут вести также на другие страницы и сайты. Ссылки разбиваются на разделы.