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