//Top To Bottom
$(document).ready(function() {
	$("#expand").hide();
	$("#expands_button1").click(function() {
		$("#expand").animate({height: "toggle"}, 1000);
	});
});
//Left To Right Or Right To Left
//In order to do either you must float your #expand 
//the direction you want your content to come from!
$(document).ready(function() {
	$("#expand").hide();
	$("#expands_button2").click(function() {
		$("#expand").animate({width: "toggle"}, 1000);
	});
});
//Upper Left To Lower Right Or Upper Right To Lower Left
//These ones you also have to float from the direction 
//they are coming from!
$(document).ready(function() {
	$("#expand").hide();
	$("#expands_button3").click(function() {
		$("#expand").animate({width: "toggle", 
                    height: "toggle"}, 1000);
	});
});




jQuery(document).ready(function($){
$('.collapsible').hover(
function(){
$(this).css('text-decoration','underline');
},
function(){
$(this).css('text-decoration','none');
});
$('.collapsible').next().hide();
$('.collapsible').click(function(){
$(this).next().slideToggle();
});
});