$(document).ready(function() {
// hide explanation paragraph and displays a link to call it
$("#countryinformation #explanation").css("height","0");
$(".js-display-explanation strong").after("&nbsp;<a id='country_info_expose' href='#'>Why is this important?<\/a>");


// shows and hides explanation paragraph when country_indo_expose is clicked
$("#explanation").css({ opacity: 1 });

  $('#country_info_expose').toggle(function() {
      
      $('#country_info_expose').addClass("info_exposed");
      
       $("#explanation").animate({
       
       height: "55px",
       opacity: 1
               
       }, 150);
  },function(){
  
  $('#country_info_expose').removeClass("info_exposed");
  
     $("#explanation").animate({
     
       height: "0px",
       opacity: 0
     
     }, 150 );

  });

});