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



// one showing at a time

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