jQuery: простые примеры

Вот ещё парочка простых но полезных примеров динамическое меню и функция инвертировать checkbox

В меню и простых div, span и a Необходимо, чтобы при кликанье по пунктам все другие закрывались, а текущее подменю раскрывалось. вот код:

$(document).ready(function() {
/* эта функция аналог body onload() */
                /* выбираем Первый div внутри div.menu и делаем его видимым*/
                $("div.menu div:first").show();
                /* выбираем все спаны внутри div.menu, и подключем к ним функцию onclick() */
                $("div.menu span").bind("click", function(){
                    $("div.menu div").hide(100);/* скрываем все дивы внутри div.menu за 100 милисекунд */
                    $("div.menu span").removeAttr("class"); /* удаляем класс у спанов, убираем жирность */
                    $(this).next().show(250); /* находим следующий после текущего (this) тег и делаем его видимым за 250 милисекунд */
                    $(this).attr("class","spanb"); /* устанавливаем для текущего спана(по которому счёлкнули) класс */
                });
});

и имеется форма с группой checkbox, необходимо добавить кнопку инвертирующую текущее состояние ВСЕ чекбоксов, вот такой код

function select_all(){
                    /* выбираю все чекбоксы внутри формы внутри div.menu и меняю у них свойство checked на обратное */
                    $("div.menu form input:checkbox").each( function() {$(this).attr('checked', !$(this).attr('checked'));})
}

рабочий пример можно посмотреть вот тут

похожие страницы

  1. JQuery примеры использования
  2. Примеры Jquery, превью фотографий во всплывающем окне на событие onmouserover
  3. jQuery, сериализация данных при обработке формы
  4. Примеры Jquery, как затемнить окно
  5. jQuery, создание плагина на примере слайдера