11540 sujets

JavaScript, DOM et API Web HTML5

Bonjour a tous alors j'ai 2 script quasiment identique qui permet d'afficher une page qui descend de haut en bas en cliquant sur un lien mais voila le problème est que quand je clique sur un lien puis un autre le premier ne s’enlève pas ... comment faire pour enlever l'action d'avant pour faire apparaitre la suivant svp

<script type="text/javascript">
function Suite(lien){
	
	var objet = document.getElementById('corp'); 
	
	if(objet.style.display == "none" || !objet.style.display){
		
		
		objet.style.display = "block";
		objet.style.overflow = "hidden"; 
		lien.innerHTML = "Accueil";
       
        var hFinal      =     1000;  
        var hActuel     =     0;	 	
       
        var timer;
        var fct =        function ()
        {
                hActuel  +=       20;     
				
                objet.style.height     =	 hActuel      +     'px';
				
                if( hActuel > hFinal)
                {
                        clearInterval(timer);   
                        objet.style.overflow    =   'inherit';
                }
        };
        fct();

        
		timer = setInterval(fct,40);    
		
	}else if(objet.style.display == "block"){
		
		var hFinal      =     0;  
        var hActuel     =     200;	 	
       
        var timer;
        var fct =        function ()
        {
                hActuel  -=   20;     
				
                objet.style.height     =	 hActuel      +     'px';
				
                if( hActuel < hFinal)
                {
                        clearInterval(timer);   
                        objet.style.overflow    =   'inherit';
						objet.style.display     =   "none";
                }
        };
        fct();

        
		timer = setInterval(fct,40);    
		

		lien.innerHTML = "Accueil";
		
	}
}
function Suite2(lien){
	
	var objet = document.getElementById('projets'); 
	
	if(objet.style.display == "none" || !objet.style.display){
		
		
		objet.style.display = "block";
		objet.style.overflow = "hidden"; 
		lien.innerHTML = "projets";
       
        var hFinal      =     1000;  
        var hActuel     =     0;	 	
       
        var timer;
        var fct =        function ()
        {
                hActuel  +=       20;     
				
                objet.style.height     =	 hActuel      +     'px';
				
                if( hActuel > hFinal)
                {
                        clearInterval(timer);   
                        objet.style.overflow    =   'inherit';
                }
        };
        fct();

        
		timer = setInterval(fct,40);    
		
	}else if(objet.style.display == "block"){
		
		var hFinal      =     0;  
        var hActuel     =     200;	 	
       
        var timer;
        var fct =        function ()
        {
                hActuel  -=   20;     
				
                objet.style.height     =	 hActuel      +     'px';
				
                if( hActuel < hFinal)
                {
                        clearInterval(timer);   
                        objet.style.overflow    =   'inherit';
						objet.style.display     =   "none";
                }
        };
        fct();

        
		timer = setInterval(fct,40);    
		

		lien.innerHTML = "projets";
		
	}
}
</script>
Smiley cligne