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

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

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

$(document).ready(function(){

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

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

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

});

});

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

Другие посты