Изучаем jQuery. Разворачиваемые-сворачиваемые меню

Для сайтов с вертикальной навигацией характерна система подменю, при которой ссылки группируются по соответствующим категориям. В результате пользователь сможет без труда отыскать нужную ему информацию, а благодаря внедрению меню высокого уровня, которые могут разворачиваться и сворачиваться, мы можем уместить большой объем информации в сравнительно небольшой области.

Из книги "Изучаем jQuery. 2-е изд.", стр.145

Пример из книги не работает для jQuery версий 1.9 и выше. Читаем документацию. Ниже рабочий вариант.

$(document).ready(function() {
  $('#menu > li > ul' )
    .hide()
    .click(function(event) {
        event.stopPropagation();
    });

    $('#menu > li').click(function() {
        $(this).find('ul').stop().slideToggle();
        return false;
    });

});