abrir y cerrar capas o divs

[czfritz]

buen dia amigos de este foro
la verdad quiero que me ayuden ise este codigo que me muestra una capa haciendo clik. pero el roblema es cunado hago clik en ambos me muestra ambas
capas, yo quiesiera que me ayuden que cuando haga clik en una capa se cierrre la otra capa y visiversa.

Código PHP:

  <script>
function get_ajax(url,capa,metodo){ 
      var ajax=creaAjax();
      var capaContenedora = document.getElementById(capa);
if (metodo.toUpperCase()=='GET'){
    ajax.open ('GET', url, true);
    ajax.onreadystatechange = function() {
                                                     if (ajax.readyState==1)
                                                         {
var load_="<CENTER><H2><B>CARGANDO..</B></H2>ESPERE UN MOMENTO</CENTER>";
                                                        capaContenedora.innerHTML=load_;
                                                          }
                    else if (ajax.readyState==4){ // ****
                                                if(ajax.status==200){ 
                                                
                                                document.getElementById(capa).innerHTML=ajax.responseText; 
                                                                        }
                                                    else if(ajax.status==404)
                                                     {
                                                     capaContenedora.innerHTML = "<CENTER><H2><B>ERROR 404</B></H2>EL ARCHIVO NO SE ENCUENTRA</CENTER>";
                                                     }
                                                     else
                                                     {
                                                     capaContenedora.innerHTML = "Error: ".ajax.status;
                                                      }
                                                 } // ****
                                            }
                                             ajax.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
                                            ajax.send(null);
                                               return
                                }
}
 
function creaAjax(){
  var objetoAjax=false;
      try{objetoAjax = new ActiveXObject("Msxml2.XMLHTTP");}
          catch(e){try {objetoAjax = new ActiveXObject("Microsoft.XMLHTTP");} 
        catch (E){objetoAjax = false;}}
     if(!objetoAjax && typeof XMLHttpRequest!='undefined') {
  objetoAjax = new XMLHttpRequest();}  return objetoAjax;
}
function shared(contenido,mp3){
                var url=''+ contenido +''+ mp3 +'';
                var capa='repro';
                var metodo='get';
                get_ajax(url,capa,metodo);
                }
function reprito(contenido,paginado){
                var url=''+ contenido +''+ paginado +'';
                var capa='todo';
                var metodo='get';
                get_ajax(url,capa,metodo);
                }
 
</script>
 
 
<div id="repro"> </div>
<a  onclick="shared('primer manual','ddddd');return false"  href="#" title="sdfs">sdnsalkdnsakl</a> - <a onclick="reprito('ddd','ddddd');return false"  href="#" title="sdfs">sdnsalkdnsakl</a>
<div id="todo"> </div> 
  

por favor ayudenme

[lubtufano]

Se puede agregar las instrucciones en las funciones 'shared' y 'reprito' de esta forma.

Código Javascript:

function shared(contenido,mp3){
                var url=''+ contenido +''+ mp3 +'';
                var capa='repro';
                var metodo='get';
                get_ajax(url,capa,metodo);
                document.getElementById('repro').style.display= 'block';
                document.getElementById('todo').style.display= 'none';
                }
function reprito(contenido,paginado){
                var url=''+ contenido +''+ paginado +'';
                var capa='todo';
                var metodo='get';
                get_ajax(url,capa,metodo);
                document.getElementById('repro').style.display= 'none';
                document.getElementById('todo').style.display= 'block';
                }
 

[dleal100]

Código:

<script> 
function get_ajax(url,capa,metodo){  
      var ajax=creaAjax(); 
      var capaContenedora = document.getElementById(capa); 
if (metodo.toUpperCase()=='GET'){ 
    ajax.open ('GET', url, true); 
    ajax.onreadystatechange = function() { 
                                                     if (ajax.readyState==1) 
                                                         { 
var load_="<CENTER><H2><B>CARGANDO..</B></H2>ESPERE UN MOMENTO</CENTER>"; 
                                                        capaContenedora.innerHTML=load_; 
                                                          } 
                    else if (ajax.readyState==4){ // **** 
                                                if(ajax.status==200){  
                                                 
                                                document.getElementById(capa).innerHTML=ajax.responseText;  
                                                                        } 
                                                    else if(ajax.status==404) 
                                                     { 
                                                     capaContenedora.innerHTML = "<CENTER><H2><B>ERROR 404</B></H2>EL ARCHIVO NO SE ENCUENTRA</CENTER>"; 
                                                     } 
                                                     else 
                                                     { 
                                                     capaContenedora.innerHTML = "Error: ".ajax.status; 
                                                      } 
                                                 } // **** 
                                            } 
                                             ajax.setRequestHeader('Content-Type','application/x-www-form-urlencoded'); 
                                            ajax.send(null); 
                                               return 
                                } 
} 

function creaAjax(){ 
  var objetoAjax=false; 
      try{objetoAjax = new ActiveXObject("Msxml2.XMLHTTP");} 
          catch(e){try {objetoAjax = new ActiveXObject("Microsoft.XMLHTTP");}  
        catch (E){objetoAjax = false;}} 
     if(!objetoAjax && typeof XMLHttpRequest!='undefined') { 
  objetoAjax = new XMLHttpRequest();}  return objetoAjax; 
} 

function shared(contenido,mp3){ 
                var url=''+ contenido +''+ mp3 +''; 
                var capa='repro'; 
                var metodo='get'; 
                get_ajax(url,capa,metodo); 
                } 
				
function reprito(contenido,paginado){ 
                var url=''+ contenido +''+ paginado +''; 
                var capa='repro'; 
                var metodo='get'; 
                get_ajax(url,capa,metodo); 
                } 

</script> 


<div id="repro"> </div> 
<a  onclick="shared('primer manual','ddddd');return false"  href="#" title="sdfs">sdnsalkdnsakl</a> - <a onclick="reprito('ddd','ddddd');return false"  href="#" title="sdfs">sdnsalkdnsakl</a> 
<!--
<div id="todo"> </div>
-->