Evento .toggle(), .toggleClass()

El evento toggle() toma dos argumentos, cada uno de los cuales es una función . El primer clicc hace que se ejecute la primera funcion y el segundo click hace que se ejecute la segunda función.

$(document).ready(function() {
   $('#switcher h3').toggle(function() {
     $('#switcher .button').addClass('hidden');
   }, function() {
    $('#switcher .button').removeClass('hidden');
   });


El   metodo .toggleClass() comprueba si existe la clase antes de aplicarla.

 $(document).ready(function() {
   $('#switcher h3').click(function() {
     $('#switcher .button').toggleClass('hidden');
   });
 });

El metodo .hover() toma dos argumentos de función la primera se ejecuta en el over  y la segunada al salir.

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