var hauteur, elements, ousuisje;
var premier=0;
var int=0;

function toggleMe(el) 
{
	elements=document.getElementById(el);

	if (premier == 0) 
	{
		hauteur=elements.clientHeight;
		premier++;	
	}

	start_Timer();
}

function bas() {
	elements.style.visibility = "inherit";	
	elements.style.height = int+"px";
	int++;
	if (int == hauteur)
		stop_Timer();
}

function haut() {
	ousuisje="haut";
	elements.style.height=int+"px";

	if (int == 0) {
		stop_Timer();
		ousuisje="";
	}
	int--;
}

var timeval=""; //ploooop

function start_Timer(){

	if(timeval==""){
		if ((premier == 1 && int == hauteur) || ousuisje=="haut") {
			timeval=window.setInterval("haut()", 20);
		 } else {
			timeval=window.setInterval("bas()", 20);
		}
		
	} else {
	        stop_Timer()
	}
}

function stop_Timer(){
	if(timeval!=""){
		window.clearInterval(timeval)
	    timeval=""
	}
}