[blue][red]Для того чтобы понимать как работает селектор Вам все-же необходимы базовые знания
CSS, т.к. именно от принципов CSS отталкивается селектор jQuery:[/red]
Code
$(“#header”) – получение элемента с id=”header”
$(“h3″) – получить все <h3> элементы
$(“div#content .photo”) – получить все элементы с классом =”photo” которые находятся в элементе div с id=”content”
$(“ul li”) – получить все <li> элементы из списка <ul>
$(“ul li:first”) – получить только первый элемент <li> из списка <ul>
Выдвижная панель
Начнем с простенького примера – слайд-панель,
....она у нас будет двигаться вверх/вниз по клику на ссылке (см. пример)
[green]Реализуем это следующим образом, по клику на ссылку, у нас будет переключаться её класс (между “active” и “btn-slide”), а панелька с id=”panel” будет выдвигаться/прятаться. (класс “active” изменяет позицию фонового изображения, см. CSS файл во вложении).
Code
$(document).ready(function(){
$(".btn-slide").click(function(){
$("#panel").slideToggle("slow");
$(this).toggleClass("active");
});
});
[/green]
[/blue]
