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'));})
}

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

Комментариев 0
Нужна авторизация с помощью
Об авторе
Илья Илья

меня можно найти тут

Сериал про таинственный остров Остаться в живых https://lost-tv.ru/ смотреть онлайн.