Salut

Je pense que ce code est à peu près ce que tu cherches à faire :

<style>
 div.divCachee{
   visibility:hidden;
   position:absolute;
 }
 div.divCachee, div.divPasCachee{
   display:inline;  /*car j'ai cru comprendre que tu voulais les aligner horizontalement (sinon, cette ligne est à virer)*/
 }
</style>
<script>
 var mesDivs=new Array("DI","AVP","DIV3","DIV4");
 var str="";
 var premier=true;
 for(var i=0;i<mesDivs.length;i++){
   str+=" <div id='"+mesDivs[i]+"' class='";
   if(premier){
     str+="divPasCachee";
     premier=false;
   }
   else{
     str+="divCachee";
   }
   str+="'>";
   str+="<input type='checkbox' name='"+mesDivs[i]+"' class='Style1' onClick='verif(this,"+i+")'>";
   str+=mesDivs[i];
   str+="</div>";
 }
 document.write(str);
 
 verif=function(){
   if(arguments[0].checked){
     if(arguments[1]<(mesDivs.length-1)){
       document.getElementById(mesDivs[arguments[1]+1]).className="divPasCachee";
     }
   }
   else{
     for(var _i=arguments[1]+1;_i<(mesDivs.length);_i++){
       document.getElementById(mesDivs[_i]).className="divCachee";
       document.getElementById(mesDivs[_i]).checked=false;
     }
   }
 };
</script>