Легкий аккордеон используя CSS и jQuery

Легкий аккордеон используя CSS и jQuery sofcase.net

В этой статье я покажу как используя CSS и jQuery, можно сделать легкий и красивый аккордеон. Для его создания понадобиться написать лишь пару строчек кода на jQuery и немного на CSS, и для красоты будем использовать немного CSS3. И сразу хочу отметить, что в этой статье я рассказываю не как создать плагин для jQuery, а просто аккордеон, но если же тема будет востребовательна, тогда напишу статью как создать плагин :)
« Комментарии

Похожие анонсы

Меню-аккордеон на jQuery @ 09.01.2013 06:29
В прошлом уроке я рассказал о том, как создать меню в стиле аккордеона на CSS. Но все это производилось при наведении на объект, что не удобно для пользователей смартфонов и планшетов. По этому я решил переделать тот аккордеон с CSS на jQuery User Interface.
Создание аккордеон-галереи с помощью jQuery @ 25.07.2011 15:27
Почти на каждом сайте можно найти множество галерей картинок, и если Вы недавно начали заниматься сайтами, то наверняка задумаетесь как создать красивую и в тоже время притягивающею взгляд галерею, по этому в данном уроке я расскажу как создать аккордеон-галереи с помощью библиотеки jQuery. Порой данный эффект еще называют эффектом раздвижных дверей.
Великолепная галлерея с помощью jQuery @ 21.07.2009 11:21
В этой статье я покажу вам как с помощью библиотеки jQuery без лишних телодвижений можно сделать отличную галерею. Для её создания мы будем использовать замечательный плагин GalleryView. Чем же хорош этот плагин? Дело в том, что он обладает нужным функционалом, при очень простой установке на веб-страницу. Кроме того, GalleryView отлично интегрируется с CMS.
CSS3 цифровые часы с помощью jQuery @ 18.11.2013 12:01
В этой статье мы создадим красивые цифровые часы, используя jQuery и немного CSS3, которые можно использовать у себя на сайте, а также для обратного отсчета, например, до нового года :) . Уже скоро можно будет ставить данные часики.Пример часов можно увидеть на сайте.
Как создать фото-слайдер используя jQuery и CSS3 @ 28.05.2013 14:21
В этом уроке мы будем создавать слайдер с помощью “Nivo Slider jQuery Script” и CSS3. Мы будем использовать “Nivo Slider jQuery Script”, потому что это мощный инструмент, и он совершенно бесплатный. У этого скрипта есть 16 эффектов перехода, он простой, гибкий и имеет много интересных особенностей.
Ленивая загрузка картинок, используя jQuery @ 02.04.2016 13:09
В этой статье рассмотрен jQuery плагин "ленивой загрузки" картинок под названием Lazy Load.
Содержимое в виде аккордиона на CSS @ 27.02.2014 16:39
Сегодня мы создадим вертикальный и горизонтальный аккордеон для содержимого используя лишь технологию CSS3. Конечно, существует огромное множество плагинов, которые позволяют сделать это, но а если пользователь зашел к вам на сайт с отключенным javascript в браузере? А данный аккордеон будет работать правильно даже в этом случае.
Урок по созданию галереи Palaroid с использованием CSS и jQuery @ 26.10.2010 04:48
Сегодня мы попытаемся создать одну простую jQuery галерею, используя некоторые основные функции CSS3. Фотогалерея будет выполнена в виде стопки фотографий Polaroid. Вы сможете перетаскивать их по экрану используя мышку.
Jquery плагин”jqPlot” Строим графики быстро и качественно @ 16.05.2010 10:33
Сегодня очередной пост о Jquery. Я как-то уже рассказывал о построении графиков используя Jquery,но плагин который рассматриБыл найден плагин, который идеально подходит для быстрого построения графиков, диаграмм и т.д. И так сегодняшний гость – “jqPlot” Сразу хотел бы поблагодарить Игоря Карпова и портал PHP5.com.ua за предоставлений вариант плагина на русском языке., работал не так как надо.
Адаптивный анимированный аккордеон на CSS3 @ 10.10.2018 14:00
Cегодня я бы хотел поговорить о организации места на сайте, меня часто спрашивают, как создать красивый анимированный аккордеон для сайта, который будет приятным в интерфейсе и требовал минимум усилий в реализации.

Спонсоры

Авторизация

Имя:
Пароль:
 

Друзья проекта

Активность на сайте