В предыдущей статье об jQuery, мы узнали, что из себя представляет данный фреймворк а также научились подключать его на страницу сайта.
Теперь, давайте рассмотрим простейший пример использования: создадим «выползающее» меню или другими словами Slide Panel.
Реализуем это следующим образом, по клику на ссылку, у нас будет переключаться её класс (между “active” и “btn-slide”), а панелька с id=”panel” будет выдвигаться/прятаться. (класс “active” изменяет позицию фонового изображения, см. CSS файл во вложении).
$(document).ready(function(){
$(".btn-slide").click(function(){
$("#panel").slideToggle("slow");
$(this).toggleClass("active");
});
});
Ответить | Цитировать
Ответить | Цитировать
Ответить | Цитировать
Ответить | Цитировать
Ответить | Цитировать