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



// one showing at a time

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

//simultaneous showing and hiding

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

//queued showing and hiding
$(document).ready(function() {
  $('div.demo-show2:eq(1) > div').hide();  
  $('div.demo-show2: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');
    }
  });
});

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

 // slides down, up, and toggle the slickbox on click    
  $('#slick-slidetoggle').click(function() {
    $('#slickbox').slideToggle(400);
    return false;
  });
});
 
 
  $(document).ready(function() {
 // hides the slickbox as soon as the DOM is ready (a little sooner that page load)
  $('#slickbox2').hide();
  
 // shows and hides and toggles the slickbox on click  
  $('#slick-toggle2').click(function() {
    $('#slickbox2').toggle(400);
    return false;
  });

 // slides down, up, and toggle the slickbox on click    
  $('#slick-slidetoggle2').click(function() {
    $('#slickbox2').slideToggle(400);
    return false;
  });
});
  
  
    $(document).ready(function() {
 // hides the slickbox as soon as the DOM is ready (a little sooner that page load)
  $('#slickbox3').hide();
  
 // shows and hides and toggles the slickbox on click  
  $('#slick-toggle3').click(function() {
    $('#slickbox3').toggle(400);
    return false;
  });

 // slides down, up, and toggle the slickbox on click    
  $('#slick-slidetoggle3').click(function() {
    $('#slickbox3').slideToggle(400);
    return false;
  });
});