// Code for document load.
$(document).ready(function(){
  // Poem 1.
  $("#poem-1-open").click(function() {
    $(this).hide();
    $("#poem-1").slideDown("slow");
    return false;
  });
  
  $("#poem-1-close").click(function() {
    $("#poem-1").slideUp("slow", function() {
      $("#poem-1-open").show();
    });
    return false;
  });
  
  // Poem 2
  $("#poem-2-open").click(function() {
    $(this).hide();
    $("#poem-2").slideDown("slow");
    return false;
  });
  
  $("#poem-2-close").click(function() {
    $("#poem-2").slideUp("slow", function() {
      $("#poem-2-open").show();
    });
    return false;
  });
  
  // Poem 3
  $("#poem-3-open").click(function() {
    $(this).hide();
    $("#poem-3").slideDown("slow");
    return false;
  });
  
  $("#poem-3-close").click(function() {
    $("#poem-3").slideUp("slow", function() {
      $("#poem-3-open").show();
    });
    return false;
  });
  
  // etc... You can copy the above to make the same effect happen for other poems / excerpts too.

});