JavaScript

Хочу предложить Вашему вниманию ещё одно аккордеонное вертикальное меню с использованием JavaScript. В отличие от предыдущего меню в данном аккордеоне скрипт вынесен в отдельный файл и оформлен в виде класса, что делает его более универсальным и расширяемым, а также и позволяет разделить логику работы от представления. Кроме того, для более приятного визуального восприятие введена функция раздвигающегося слайдера (эффект движения).

В сегодняшней статье , как я и обещал ранее, пойдёт речь о самом наипростейшем вертикальном меню аккордеонного типа, выполненного средствами CSS и JavaScript. Рассматриваемый пример носит скорее учебный характер и вряд ли может найти серьёзное практическое применение. Тем не менее, в некоторых случаях, данное меню вполне может быть использовано в небольших проектах, в которых по тем или иным причинам не применяются различные плагины и фреймворки. В связи с этим код предельно упрощён, в частности, нет эффектов анимации, а вызов скрипта производится по стандартному событию с атрибутом onmouseover...

Продолжая тему вертикальных аккордеонных меню, затронутую в предыдущих статьях, сегодня я вновь хочу поделиться таким меню, но выполненном на более популярной javascript-библиотеке - jQuery. Данное меню очень простое, без использования навороченных плагинов, и основано на использовании стандартных эффектов анимации jQuery, а именно эффектов скольжения - slideDown и slideUp, которые посредством изменения высоты элементов плавно раскрывают и скрывают эти элементы (в нашем случае это список ссылок - подпунктов меню).

Как я и обещал в предыдущей статье, сегодня рассмотрю вертикальное аккордеонное меню, выполненное посредством использования более новой версии фреймворка MooTools - 1.4.5. В общем-то, отличия кода от рассмотренного ранее (в предыдущей статье) - незначительные, и касаются в основном способа подключения фреймворка и некоторых изменений в разметке странички. Кроме того, скрипт создания аккордеона включен в тело самой страницы, хотя ничто не мешает вынести его в отдельный файл.

В сегодняшней статье (самой первой в данном разделе) пойдёт речь о простом вертикальном меню типа аккордеон. Особенностью данного меню является то, что оно выполнено с помощью фреймворка MooTools версии 1.11. Несмотря на то, что данная версия уже считается устаревшей, тем не менее, в практике может возникнуть необходимость в таком меню. Тем более, что данная версия относительно легковесна и в принципе может обеспечить разработчика вполне приемлемым функционалом. Однако, при желании, вполне можно подкорректировать данное меню под более новую версию фреймворка.