$(document).ready(function(){
    
    $("p.more-btn").click(function () {
      $("div.extra-content").toggle("slide", {}, 1000);
	  
	  //re-title the More button to Less or vice-versa
	  arrMore = getElementsByClassName("more-btn");
		for(i=0; i < arrMore.length; i++) {
			currItem = arrMore[i].innerHTML.toLowerCase();
			if ( currItem.indexOf('more') != -1 ) {
				arrMore[i].innerHTML = 'Hide<img alt="" src="/images/less-arrow.gif" />';
			} else {
				arrMore[i].innerHTML = 'More...<img alt="" src="/images/more-arrow.gif" />';
			}
		}
		//end re-title   
    });

  });