Вот ещё парочка простых но полезных примеров динамическое меню и функция инвертировать 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