// hover effect
$(document).ready(function() {
  $('div.readmore h3').add('div.readmore2 h3').hover(function() {
    $(this).addClass('hover');
  }, function() {
    $(this).removeClass('hover');
  });
});

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

// one showing at a time

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


//simultaneous showing and hiding

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

//closing button
$(document).ready(function() {
   $('.close').click( function() {
    $('div.abox').hide();
   });
});