$(document).ready(function()
{
	//	Get height of all dds before hide() occurs.	Store height in heightArray, indexed based on the dd's position.
	heightArray = new Array();
	$("dl dd").each(function(i)
	{
		theHeight = $(this).height();
		heightArray[i] = theHeight;
	});
 
	// Hide all dds
	$("dl dd").hide();
 
	//	When a dt is clicked, 
	$("dl dt").click(function ()
	{
		//	Based on the dt's position in the dl, retrieve a height from heightArray, and re-assign that height to the sibling dd.
		$(this).next("dd").css({height: heightArray[$("dl dt").index(this)]});
		//	Toggle the slideVisibility of the dd directly after the clicked dd
		$(this).next("dd").slideToggle("slow")
		//	And hide any dds that are siblings of that "just shown" dd.
		.siblings("dd").slideUp("slow");
	});
 
});