// hover effect
$(document).ready(function() {
  $('div.togglebox h6').add('div.togglebox2 h6').hover(function() {
    $(this).addClass('hover');
  }, function() {
    $(this).removeClass('hover');
  });
});

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