$(document).ready(function() {
 // hides the schlupfi as soon as the DOM is ready (a little sooner that page load)
 $('#schlupfi').hide();
 
 // shows and hides and toggles the schlupfi on click 
 $('#slick-show').click(function() {
  $('#schlupfi').show('slow');
  return false;
 });
 $('#slick-hide').click(function() {
  $('#schlupfi').hide('fast');
  return false;
 });
 $('#slick-toggle').click(function() {
  $('#schlupfi').toggle(400);
  return false;
 });

 // slides down, up, and toggle the schlupfi on click  
 $('#slick-down').click(function() {
  $('#schlupfi').slideDown('slow');
  return false;
 });
 $('#slick-up').click(function() {
  $('#schlupfi').slideUp('fast');
  return false;
 });
 $('#slick-slidetoggle').click(function() {
  $('#schlupfi').slideToggle(400);
  return false;
 });
});

// hover effect
$(document).ready(function() {
 $('div.demo-show h3').add('div.klipklap h3').hover(function() {
  $(this).addClass('hover');
 }, function() {
  $(this).removeClass('hover');
 });
});

// independently show and hide
$(document).ready(function() {
 $('div.demo-show:eq(0) > div').hide(); 
 $('div.demo-show:eq(0) > h3').click(function() {
  $(this).next().slideToggle('fast');
 });
});

// one showing at a time

$(document).ready(function() {
 $('div.demo-show:eq(1) > div:gt(0)').hide(); 
 $('div.demo-show:eq(1) > h3').click(function() {
  $(this).next('div:hidden').slideDown('fast')
  .siblings('div:visible').slideUp('fast');
 });
});


//simultaneous showing and hiding

$(document).ready(function() {
 $('div.klipklap:eq(0) > div').hide();
 $('div.klipklap:eq(0) > h3').click(function() {
  $(this).next('div').slideToggle('fast')
  .siblings('div:visible').slideUp('fast');
 });
});

//queued showing and hiding
$(document).ready(function() {
 $('div.klipklap:eq(1) > div').hide(); 
 $('div.klipklap:eq(1) > h3').click(function() {
  var $nextDiv = $(this).next();
  var $visibleSiblings = $nextDiv.siblings('div:visible');

  if ($visibleSiblings.length ) {
   $visibleSiblings.slideUp('fast', function() {
    $nextDiv.slideToggle('fast');
   });
  } else {
    $nextDiv.slideToggle('fast');
  }
 });
});