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

   $('#switcher').click(toggleStyleSwitcher);
   
   $('#switcher').click();
   
   $('.button').click(function() {
     $('#switcher').unbind('click', toggleStyleSwitcher);
   });
   $('#switcher').click(function() {
     $('#switcher').click(toggleStyleSwitcher);
   });
 });


$(document).ready(function(){
$(".togglebox").hide();
$("h4").click(function(){
 var answer = $(this).next('div.togglebox');
        var visible = $('div.togglebox:visible').not(answer); // Find another visible one

        if (visible.length) { // If there

            visible.slideUp(function() { // Hide it

                answer.slideDown(); // Then show the new one

            });
        }
        else {
            answer.slideToggle("slow"); // Show the new one

        }

});
});