Блог Интернет Технологий

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

Теперь, давайте рассмотрим простейший пример использования: создадим "выползающее" меню или другими словами Slide Panel.

Реализуем это следующим образом, по клику на ссылку, у нас будет переключаться её класс (между “active” и “btn-slide”), а панелька с id=”panel” будет выдвигаться/прятаться. (класс “active” изменяет позицию фонового изображения, см. CSS файл во вложении).

$(document).ready(function(){

$(".btn-slide").click(function(){

$("#panel").slideToggle("slow");

$(this).toggleClass("active");

});

});

Смотрим пример использования »

Другие посты

• Что такое jQuery?
• Dynamic Inline Form Validation