Статьи

10 jQuery Аккордеонных Вкладок

Эффект аккордеона во многом похож на вкладки — главное отличие состоит в том, как панели отображаются и скрываются. Здесь мы собрали 10 из множества вкладок и аккордеонов, о которых вы наверняка хотели бы узнать. Наслаждайтесь!

Похожие сообщения:

Premuim Box Аккордеонное Меню — Отзывчивый

Вы можете поиграть со всеми его функциями, чтобы сделать свой собственный.

1. Yetii — Пока (E) Еще один интерфейс с вкладками JavaScript

С легким, объектно-ориентированным кодом, который изящно ухудшается в браузерах без поддержки JavaScript. Вы можете иметь много независимых интерфейсов вкладок на странице, указать начальную вкладку, включить автоматический поворот вкладок, добавить следующую / предыдущую навигацию и многое другое.


Yetii

Источник + Демо

2. Свежий контент Аккордеон

Простой, но очень привлекательный и красочный аккордеон с помощью CSS, jQuery и легкого подключаемого модуля для некоторых необычных эффектов.


Аккордеон Fresh Content

Источник
демонстрация

3. Сладкие вкладки AJAX с jQuery 1.4 и CSS3

В этом руководстве вы узнаете, как создать красочную вкладку на основе AJAX с CSS3 и недавно выпущенной версией 1.4 jQuery.


Сладкие вкладки AJAX

Источник
демонстрация

4. TN34 Timetabs — плагин jQuery

Этот плагин jQuery от Mario Alves создает контейнер вкладок, который автоматически переключает каждый цикл (или интервал) на следующую вкладку — плагин совместим с большинством современных браузеров.


TN34 Timetabs

Источник
демонстрация

5. Легкий Аккордеон — Плагин jQuery

Плагин Easy Accordion от Andrea Cima Serniotti получит ваши списки определений (DT) и создаст красивый и плавный горизонтальный аккордеон. Затем вы можете сделать это слайдшоу или оставить его неподвижным.


Легкий Аккордеон

Источник
демонстрация

6. Плагин jQuery Smooth Tabs

jQuery Smooth Tabs — это простой в использовании плагин, который позволяет отображать ваш контент с некоторыми приятными эффектами, для лучшего пользовательского опыта.


jQuery Smooth Tabs

Источник
демонстрация

7. Элегантный Аккордеон — JQuery И CSS3

Это простое в обучении руководство научит вас, как создать элегантный аккордеон для контента. Идея состоит в том, чтобы иметь несколько вертикальных аккордеонных выступов, которые выдвигаются при зависании.


Элегантный Аккордеон

Источник
демонстрация

8. Collapser — плагин jQuery

Это очень легкий многоцелевой плагин свертки, созданный для разворачивания и свертывания элементов, который может сворачивать любой элемент в документе.


Collapser

Источник
демонстрация

9. Горизонтальный аккордеон с использованием вкладок

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


Горизонтальный Аккордеон

Источник + Демо

10. Несколько вкладок и экземпляров Accordion

Начиная с jQuery Tools 1.1.0 можно создавать экземпляры нескольких аккордеонов (или вкладок) одним вызовом. Здесь вы можете увидеть пять разных вкладок, где последние три из них были вложены во второй экземпляр вкладок.


Несколько вкладок и Аккордеон

Источник + Демо