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

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

$(document).ready(function(){

$(«.btn-slide»).click(function(){

$(«#panel»).slideToggle(«slow»);

$(this).toggleClass(«active»);

});

});

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