learning_jquery/Chapter 3/03.js

$(document).ready(function () {
  'use strict';

  $('#switcher  ').hover(function() {
    $(this).addClass('hover');
  }, function() {
    $(this).removeClass('hover');
  });
});

$(document).ready(function () {
  'use strict';

  var toggleSwitcher = function(event) {
    if (!$(event.target).is('button')) {
      $('#switcher button').toggleClass('hidden');
    }
  };

  $('#switcher').on('click.collapse', toggleSwitcher);

  $('#switcher-narrow, #switcher-large').click(function () {
    $('#switcher').off('click.collapse');
  });
  $('#switcher-default').click(function () {
    $('#switcher').on('click.collapse', toggleSwitcher);
  });
});

$(document).ready(function () {
  'use strict';

  $('#switcher-default').addClass('selected');

  $('#switcher').click(function(event) {
    if ($(event.target).is('button')) {
      var bodyClass = event.target.id.split('-')[1];

      $('body').removeClass().addClass(bodyClass);

      $('#switcher button').removeClass('selected');
        $(event.target).addClass('selected');
    } 
  });
});