/*
Stefano Campanella

Script che implementa il toggle del collapsing di elementi della pagina
Si aspetta di trovare una struttura del tipo:

<div class="collapsible">
	<div class="collapsor"></div>
	<div class="collapsing"></div>
</div>
...altri collapsible

Il collapsible è l'intero elemento che implementa il collapse
Il collapsor è l'elemento che se cliccato fa il collapse (o il contrario) del collapsing
Il collapsing dovrebbe avere assegnata la proprietà overflow:hidden nei css, non viene implementata qui
*/

function chooseAction(){
	var collapsing=$(".collapsing:first",$(this).parents(".collapsible").get(0));
	if(collapsing.css('display')=="none")
		collapsing.slideDown('fast');
	else
		collapsing.slideUp('fast');
}

$(function() {
	$(".collapsing").hide();
	$(".collapsor").click(chooseAction);
	$(".close-button").click(function(){
		$me=$(this);
		$collapsor=$(".collapsor",$me.parents('.collapsible').first());
		$collapsor.click();
	});
});