Выезжающий блок на jQuery

Как и обещал, выкладываю реализацию выезжающего блока (slide), сделанного с помощью библиотеки jQuery. Но для начала – пара слов о самой библиотеке.

Что такое jQuery?

jQuery – это фреймворк, специализирующийся на взаимодействии HTML и JavaScript. jQuery помогает легко получать доступ к любому элементу (набору элементов) объектной модели документа (DOM), обращаться к атрибутам и содержимому элементов DOM и, конечно, манипулировать ими.

Как работает jQuery?

После подключения библиотеки к вашей страницы, jQuery позволяет обращаться к к DOM объектам и их элементам.
Существует два вида вызова методов jQuery:

через функции $, являющиеся методами объекта jQuery. Их можно объединять в цепочку, поскольку каждая из них возвращает этот объект;

через функции $., не связанные с объектом jQuery.

Например:

$(”#header”) – получение элемента с id=”header”

$(”h1″) – получить все элементы <h1>

$(”div#post .data”) – получить все элементы с классом =”data” которые находятся в элементе div с id=”post”

$(”ul li:first”) – получить только первый элемент<li> из списка <ul>

Read the rest of this entry »